/*
 * carot theme — design tokens.
 * Copy of docs/design-system/tokens.css (itself generated from tokens.json); fonts/ must stay next to it.
 * Generated by scripts/pull-design-system.mjs on 2026-09-30. Do not edit: change
 * docs/design-system and re-run the script (feature CAROT_THEME D2).
 */
@font-face{font-family:"Lexend Deca";src:url("fonts/LexendDeca-Variable-vi.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("fonts/BeVietnamPro-Regular-vi.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("fonts/BeVietnamPro-SemiBold-vi.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("fonts/BeVietnamPro-Italic-vi.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{--base:oklch(0.985 0.005 75.0);--surface:oklch(0.962 0.012 70.0);--card:oklch(1.000 0.000 0.0);--raised:oklch(1.000 0.000 0.0);--foreground:oklch(0.230 0.004 60.0);--muted-foreground:oklch(0.480 0.008 60.0);--border:oklch(0.905 0.012 65.0);--border-strong:oklch(0.620 0.008 60.0);--contrast:oklch(0.210 0.004 60.0);--contrast-foreground:oklch(0.975 0.006 75.0);--contrast-muted-foreground:oklch(0.800 0.015 65.0);--brand:oklch(0.654 0.202 40.7);--primary:oklch(0.560 0.165 42.0);--primary-hover:oklch(0.490 0.155 40.0);--primary-foreground:oklch(1.000 0.000 0.0);--brand-muted:oklch(0.955 0.026 60.0);--brand-strong:oklch(0.480 0.150 40.0);--leaf:oklch(0.825 0.204 123.9);--success:oklch(0.480 0.110 150.0);--success-muted:oklch(0.955 0.035 150.0);--warning:oklch(0.490 0.100 70.0);--warning-muted:oklch(0.960 0.042 85.0);--danger:oklch(0.500 0.180 27.0);--danger-muted:oklch(0.955 0.020 25.0);--disabled:oklch(0.925 0.006 70.0);--disabled-foreground:oklch(0.500 0.010 65.0);--focus:oklch(0.500 0.190 260.0);--focus-inverse:oklch(0.800 0.100 250.0);--scrim:oklch(0.210 0.004 60.0 / 0.55);--shadow-raised:0 -1px 0 0 #e5ded8, 0 -6px 20px -6px #1e1c1b2e;--shadow-overlay:0 0 0 1px #e5ded8, 0 12px 32px -8px #1e1c1b38}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:999px;--text-caption:clamp(0.75rem, 0.7255rem + 0.1087cqi, 0.8125rem);--text-small:clamp(0.875rem, 0.875rem + 0cqi, 0.875rem);--text-body:clamp(1rem, 0.9755rem + 0.1087cqi, 1.062rem);--text-lead:clamp(1.125rem, 1.076rem + 0.2174cqi, 1.25rem);--text-heading-3:clamp(1.125rem, 1.076rem + 0.2174cqi, 1.25rem);--text-heading-2:clamp(1.375rem, 1.228rem + 0.6522cqi, 1.75rem);--text-heading-1:clamp(1.625rem, 1.38rem + 1.087cqi, 2.25rem);--text-display:clamp(1.875rem, 1.435rem + 1.957cqi, 3rem);--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.5;--leading-body:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--container-max:1200px;--measure-prose:36rem;--gutter:clamp(1rem, 0.6087rem + 1.739cqi, 2rem);--grid-gap:clamp(0.75rem, 0.4565rem + 1.304cqi, 1.5rem);--section-gap:clamp(2.5rem, 1.913rem + 2.609cqi, 4rem);--bp-sm:360px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--touch-target:44px;--button-lg:52px;--icon-md:20px;--icon-sm:16px;--platform-logo:20px;--logo-height:48px;--logo-height-lg:56px;--logo-height-footer:64px;--thumb-size:64px;--z-sticky:20;--z-header:30;--z-overlay:40;--font-display:"Lexend Deca", "Be Vietnam Pro", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif}