:root {
  
  --brand-500: #1E6FF0;
  --brand-600: #165ED6;
  --brand-700: #0F4DB8;
  --brand-800: #0B3A8C;
  --brand-cyan: #4FC3F7;
  --brand-cyan-soft: #BDEBFF;
  --grad-brand: linear-gradient(120deg, #1557D6 0%, #1E6FF0 45%, #3FA2F6 80%, #5AD1F5 100%);
  --grad-mark: linear-gradient(90deg, #1A5FE0 0%, #5AD1F5 100%);

  
  --c-primary: var(--brand-500);
  --c-primary-hover: var(--brand-600);
  --c-primary-weak: #E8F0FE;
  --c-text: #0B1F3A;
  --c-text-2: #5A6F8A;
  --c-text-3: #8BA0B8;
  --c-text-inv: #FFFFFF;
  --c-bg: #F2F5F9;
  --c-surface: #FFFFFF;
  --c-surface-2: #F6F8FB;
  --c-surface-3: #E6ECF3;
  --c-border: #DDE5EE;
  --c-border-strong: #A3B5C9;
  --c-pos: #0A8F3C;
  --c-pos-weak: #E8F8EE;
  --c-neg: #D93025;
  --c-neg-weak: #FDECEA;
  --c-warn: #F2A91E;
  --c-warn-weak: #FFF4D5;
  --c-badge: #E5372B;
  --c-overlay: rgba(11, 31, 58, .45);
  --c-hover: rgba(30, 111, 240, .06);
  --c-focus: rgba(30, 111, 240, .35);

  
  --cat-lime: #0CA83A;      --cat-lime-w: #EAF8EE;
  --cat-lavender: #9A44A2;  --cat-lavender-w: #F8F0F9;
  --cat-rose: #CA2F5B;      --cat-rose-w: #FDEFF3;
  --cat-forest: #028661;    --cat-forest-w: #E9F6F2;
  --cat-pool: #1E6FF0;      --cat-pool-w: #E8F0FE;
  --cat-berry: #D0105E;     --cat-berry-w: #FCEEF4;
  --cat-teal: #028485;      --cat-teal-w: #E6F5F5;
  --cat-honey: #B7791F;     --cat-honey-w: #FFF6DB;
  --cat-stone: #245375;     --cat-stone-w: #EDF2F6;
  --cat-indigo: #2F2D91;    --cat-indigo-w: #EFEFF8;

  
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Manrope", "Inter", system-ui, sans-serif;
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 28px; --fs-3xl: 40px;

  
  --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-pill: 999px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --shadow-1: 0 1px 2px rgba(11, 31, 58, .05), 0 2px 10px rgba(11, 31, 58, .05);
  --shadow-2: 0 10px 30px rgba(11, 31, 58, .14);
  --shadow-3: 0 24px 60px rgba(11, 31, 58, .22);
  --container: 1120px;
  --nav-h: 72px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --c-primary: #3B8BFF;
  --c-primary-hover: #5C9EFF;
  --c-primary-weak: rgba(59, 139, 255, .15);
  --c-text: #EAF1FB;
  --c-text-2: #9FB3CC;
  --c-text-3: #6F86A3;
  --c-bg: #06122A;
  --c-surface: #0D1F3C;
  --c-surface-2: #10264A;
  --c-surface-3: #173259;
  --c-border: #1C3760;
  --c-border-strong: #2E4E7C;
  --c-pos: #3DD68C;
  --c-pos-weak: rgba(61, 214, 140, .12);
  --c-neg: #FF6B5E;
  --c-neg-weak: rgba(255, 107, 94, .12);
  --c-warn-weak: rgba(242, 169, 30, .15);
  --c-overlay: rgba(0, 0, 0, .6);
  --c-hover: rgba(59, 139, 255, .08);
  --grad-brand: linear-gradient(120deg, #0A2A6B 0%, #0F3F9E 50%, #1668C9 85%, #1F8FC4 100%);
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-2: 0 10px 30px rgba(0, 0, 0, .45);
  --shadow-3: 0 24px 60px rgba(0, 0, 0, .55);
  --cat-lime-w: rgba(12,168,58,.15); --cat-lavender-w: rgba(154,68,162,.2); --cat-rose-w: rgba(202,47,91,.18);
  --cat-forest-w: rgba(2,134,97,.18); --cat-pool-w: rgba(30,111,240,.18); --cat-berry-w: rgba(208,16,94,.18);
  --cat-teal-w: rgba(2,132,133,.2); --cat-honey-w: rgba(183,121,31,.2); --cat-stone-w: rgba(110,150,190,.15); --cat-indigo-w: rgba(90,88,200,.2);
  --cat-lime: #4ADE80; --cat-lavender: #D59BDB; --cat-rose: #FF8FAE; --cat-forest: #34D399; --cat-pool: #7CB2FF;
  --cat-berry: #FF6FA8; --cat-teal: #4FD1D2; --cat-honey: #F6C453; --cat-stone: #9FC0DE; --cat-indigo: #A5A3FF;
  color-scheme: dark;
}