@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-active: #115e59;
  --color-success: #16a34a;
  --color-warning: #d97706;
  --color-error: #dc2626;
  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-border: #e2e8f0;
  --color-text-primary: #0f172a;
  --color-text-secondary: #64748b;
  --color-text-disabled: #94a3b8;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.06),
    0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-modal: 0 10px 25px rgba(15, 23, 42, 0.12);
}

html,
body {
  min-height: 100dvh;
}

body {
  @apply bg-bg text-text-primary antialiased;
  margin: 0;
}

@layer utilities {
  .num {
    font-variant-numeric: tabular-nums;
  }
}