:root {
  color-scheme: light;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --ink-950: #091326;
  --ink-900: #101b30;
  --ink-800: #1f2b40;
  --ink-700: #37445b;
  --ink-600: #526078;
  --ink-500: #718096;
  --ink-400: #95a0b2;
  --ink-300: #b7c1cf;

  --brand-900: #075c70;
  --brand-800: #06748c;
  --brand-700: #0788a5;
  --brand-600: #0a9bb7;
  --brand-500: #17abc3;
  --brand-300: #88d6e2;
  --brand-200: #b9e8ef;
  --brand-100: #e2f6f9;
  --brand-50: #f3fbfc;

  --blue-600: #316cf4;
  --blue-100: #eaf1ff;
  --pink-600: #e73b91;
  --pink-100: #fdeaf4;
  --violet-600: #8058e7;
  --violet-100: #f0ebff;
  --green-700: #0b956f;
  --green-600: #12a77e;
  --green-100: #e7f8f1;
  --amber-700: #d78d17;
  --amber-100: #fff5df;
  --red-700: #d04a5d;
  --red-100: #fff0f2;

  --surface: #ffffff;
  --surface-soft: #f8fbfc;
  --surface-muted: #f0f6f8;
  --surface-cyan: #eef9fb;
  --line: #dce6ea;
  --line-strong: #cbd9df;

  --shadow-xs: 0 1px 2px rgba(12, 34, 53, 0.05);
  --shadow-sm: 0 8px 20px rgba(15, 49, 66, 0.08);
  --shadow-md: 0 18px 46px rgba(15, 49, 66, 0.12);
  --shadow-lg: 0 28px 74px rgba(8, 52, 70, 0.17);
  --shadow-float: 0 22px 54px rgba(22, 70, 88, 0.18), 0 3px 10px rgba(22, 70, 88, 0.08);

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --container: 1200px;
  --header-height: 76px;
  --announcement-height: 34px;

  --ease-standard: cubic-bezier(0.2, 0.75, 0.2, 1);
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 720ms;
}