/* VentData Web — Design Tokens
   Calm clinical workstation palette with restrained tinted neutrals. */

:root {
  /* === Colors: Primary (Clinical Blue) === */
  --color-primary: oklch(0.57 0.11 239);
  --color-primary-light: oklch(0.68 0.07 235);
  --color-primary-dark: oklch(0.43 0.11 241);
  --color-primary-50: oklch(0.975 0.014 236);
  --color-primary-100: oklch(0.942 0.025 236);

  /* === Colors: Semantic (Clinical) === */
  --color-success: oklch(0.60 0.11 158);
  --color-warning: oklch(0.74 0.13 78);
  --color-error: oklch(0.62 0.16 28);
  --color-info: oklch(0.69 0.08 232);

  /* === Colors: Neutral (cool paper) === */
  --color-neutral-0: oklch(0.995 0.002 230);
  --color-neutral-50: oklch(0.986 0.004 230);
  --color-neutral-100: oklch(0.972 0.006 230);
  --color-neutral-150: oklch(0.955 0.008 230);
  --color-neutral-200: oklch(0.922 0.011 230);
  --color-neutral-300: oklch(0.862 0.014 230);
  --color-neutral-400: oklch(0.736 0.018 230);
  --color-neutral-500: oklch(0.582 0.021 230);
  --color-neutral-600: oklch(0.462 0.024 230);
  --color-neutral-700: oklch(0.364 0.026 230);
  --color-neutral-800: oklch(0.278 0.024 230);
  --color-neutral-900: oklch(0.212 0.022 230);

  --color-shell: oklch(0.982 0.005 228);
  --color-surface: oklch(0.994 0.002 230);
  --color-surface-raised: oklch(0.988 0.004 230);
  --color-surface-muted: oklch(0.966 0.007 230);
  --color-line: oklch(0.905 0.012 230);
  --color-line-strong: oklch(0.81 0.016 230);
  --color-sidebar: oklch(0.965 0.009 228);
  --color-sidebar-strong: oklch(0.93 0.014 228);

  /* === Colors: Chart (Color-blind safe) === */
  --chart-blue: oklch(0.57 0.11 239);
  --chart-teal: oklch(0.57 0.10 175);
  --chart-amber: oklch(0.74 0.13 78);
  --chart-emerald: oklch(0.60 0.11 158);
  --chart-rose: oklch(0.62 0.16 28);
  --chart-slate: oklch(0.54 0.02 240);

  /* === Typography === */
  --font-heading: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-code: 'JetBrains Mono', ui-monospace, monospace;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;

  --leading-xs: 16px;
  --leading-sm: 20px;
  --leading-base: 24px;
  --leading-lg: 28px;
  --leading-xl: 28px;
  --leading-2xl: 32px;
  --leading-3xl: 36px;

  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* === Spacing (base: 4px) === */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* === Border Radius === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;

  /* === Shadows === */
  --shadow-sm: 0 1px 2px oklch(0.28 0.02 230 / 0.05);
  --shadow-md: 0 10px 24px oklch(0.28 0.02 230 / 0.07);
  --shadow-lg: 0 24px 48px oklch(0.28 0.02 230 / 0.1);

  /* === Animation === */
  --duration-hover: 150ms;
  --duration-transition: 200ms;
  --duration-modal: 300ms;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
}