:root, [data-theme="light"] {
  --sand-50: #F3F2EE;
  --sand-100: #E6E5DC;
  --sand-200: #D6D5CA;
  --sand-300: #CAC9BE;
  --sand-400: #A09F92;
  --sand-500: #828173;
  --sand-600: #656456;
  --sand-700: #545345;
  --sand-800: #373629;
  --sand-900: #1A190D;
  --moss-50: #F8F9E2;
  --moss-100: #EEF0CA;
  --moss-200: #DFE2A4;
  --moss-300: #CCCE77;
  --moss-400: #AAAB3E;
  --moss-500: #898900;
  --moss-600: #6E6E00;
  --moss-700: #5C5C00;
  --moss-800: #434301;
  --terracotta-50: #FFF2EE;
  --terracotta-100: #FDE3DC;
  --terracotta-200: #F9C7B9;
  --terracotta-300: #F3A48D;
  --terracotta-400: #E07658;
  --terracotta-500: #B3380F;
  --terracotta-600: #9F2E05;
  --terracotta-700: #8A2A0A;
  --terracotta-800: #6B210A;
  --terracotta-900: #481608;
  --red-50: #FEF2F3;
  --red-100: #FDE8EB;
  --red-300: #F0A3AE;
  --red-500: #A11A2E;
  --red-700: #7E0F22;
  --pistachio-50: #F4F6EF;
  --pistachio-75: #EFF0E8;
  --pistachio-100: #E9EEDF;
  --pistachio-200: #D6DFC2;
  --pistachio-500: #7E8E53;
  --pistachio-800: #3B4425;
  --lime-50: #EBF1D3;
  --lime-100: #E4EDC3;
  --lime-200: #D2E694;
  --lime-300: #C8E17B;
  --cream-50: #FFF7EE;
  --cream-100: #FFEFDC;
  --cream-200: #FBDCB6;
  --cream-700: #8A5300;
  --cream-800: #593C11;
  --air-50: #F4F9FC;
  --air-100: #E9F4F9;
  --air-200: #CDE6F1;
  --air-700: #2B5F74;
  --rose-50: #FDF4F6;
  --rose-100: #FDEAEF;
  --terracotta: var(--terracotta-500);
  --moos: var(--moss-600);
  --sand: #E0E1D8;
  --pistazie: var(--pistachio-100);
  --creme: var(--cream-100);
  --luft: var(--air-100);
  --rosa: var(--rose-100);
  --white: #FFFFFF;
  --ink: var(--sand-900);
  --paper: #FAF6F1;
  --sand-deep: #D4D6C3;
  --olive: #767951;
  --luft-accent: #5494A8;
  --creme-accent: #DB8927;
  --c-text: var(--sand-900);
  --c-text-2: var(--sand-700);
  --c-text-3: var(--sand-600);
  --c-border: var(--sand-100);
  --c-border-strong: var(--sand-300);
  --c-field: var(--sand-500);
  --c-field-hover: var(--sand-700);
  --c-page: var(--pistachio-75);
  --c-surface: var(--white);
  --c-surface-muted: var(--sand-50);
  --c-surface-tile: var(--pistachio-50);
  --c-selected: var(--pistachio-50);
  --c-surface-brand: var(--pistachio-100);
  --c-surface-hero: var(--lime-100);
  --c-surface-warm: var(--cream-100);
  --c-surface-cool: var(--air-100);
  --c-surface-advisor: var(--rose-100);
  --c-surface-inverse: var(--sand-900);
  --c-brand: var(--moss-600);
  --c-brand-2: var(--moss-500);
  --c-brand-hover: var(--moss-700);
  --c-brand-text: var(--moss-700);
  --c-brand-soft: var(--pistachio-100);
  --c-accent: var(--terracotta-500);
  --c-accent-text: var(--terracotta-700);
  --c-badge-new-bg: var(--cream-200);
  --c-badge-new-text: var(--cream-800);
  --c-badge-feature-bg: var(--pistachio-200);
  --c-badge-feature-text: var(--pistachio-800);
  --c-badge-promo-bg: var(--terracotta-100);
  --c-danger: var(--red-500);
  --c-danger-text: var(--red-700);
  --c-danger-soft: var(--red-50);
  --c-danger-bg: var(--red-100);
  --c-danger-line: var(--red-300);
  --c-warn: var(--cream-700);
  --c-warn-text: var(--cream-800);
  --c-warn-soft: var(--cream-100);
  --c-info: var(--air-700);
  --c-info-soft: var(--air-100);
  --c-ok: var(--moss-600);
  --c-ok-text: var(--pistachio-800);
  --c-ok-soft: var(--pistachio-100);
  --c-scrim: rgba(26, 25, 13, 0.32);
  --text: var(--ink);
  --text-brand: var(--terracotta);
  --on-brand: var(--white);
  --surface: var(--white);
  --hairline: var(--sand-deep);
  --focus-ring: var(--moss-600);
  --sh-1: 0 1px 3px rgba(26, 25, 13, 0.08), 0 0 0 0.5px rgba(26, 25, 13, 0.06);
  --sh-2: 0 8px 24px rgba(26, 25, 13, 0.12), 0 0 0 1px rgba(26, 25, 13, 0.04);
}
:root {
  --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;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-xl: 48px;
  --radius-full: 9999px;
  --radius-tag: 4px;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-dialog: 16px;
  --h-ctl: 40px;
  --h-ctl-sm: 32px;
  --font-sans: Ubuntu, "Segoe UI", system-ui, sans-serif;
  --font-mono: "Ubuntu Mono", ui-monospace, monospace;
  --font-hand: "Give You Glory", "Comic Neue", cursive;
  --type-display: normal 700 54px/64px var(--font-sans);
  --type-headline: normal 700 36px/42px var(--font-sans);
  --type-headline-lead: normal 400 36px/42px var(--font-sans);
  --type-subhead: normal 700 24px/30px var(--font-sans);
  --type-accent: italic 400 38px/46px var(--font-sans);
  --type-accent-sm: italic 400 22px/28px var(--font-sans);
  --type-body: normal 300 16px/26px var(--font-sans);
  --type-body-on-color: normal 400 16px/26px var(--font-sans);
  --type-body-sm: normal 400 14px/22px var(--font-sans);
  --type-label: normal 700 14px/18px var(--font-sans);
  --type-label-letter-spacing: 0.04em;
  --type-button: normal 700 19px/24px var(--font-sans);
  --type-claim: normal 400 18px/24px var(--font-sans);
  --type-app-page: normal 700 24px/30px var(--font-sans);
  --type-app-section: normal 500 18px/24px var(--font-sans);
  --type-app-body: normal 400 14px/20px var(--font-sans);
  --type-app-label: normal 500 14px/20px var(--font-sans);
  --type-app-meta: normal 400 12px/16px var(--font-sans);
  --type-app-figure: normal 500 28px/34px var(--font-sans);
  --type-app-code: normal 400 15px/20px var(--font-mono);
  --type-handnote: normal 400 24px/28px var(--font-hand);
}