/* Generated from website/design/tokens.json. Run python3 website/design/build_design.py. */
:root {
  --background: #ffffff;
  --foreground: #161616;
  --card: #ffffff;
  --card-foreground: #161616;
  --popover: #ffffff;
  --popover-foreground: #161616;
  --primary: #d2ae58;
  --primary-foreground: #17140b;
  --secondary: #f7f7f5;
  --secondary-foreground: #161616;
  --muted: #f7f7f5;
  --muted-foreground: #626262;
  --accent: #ececea;
  --accent-foreground: #161616;
  --surface-75: #ffffff;
  --surface-100: #ffffff;
  --surface-200: #f7f7f5;
  --surface-300: #eeeeeb;
  --surface-400: #dededb;
  --background-selection: #eaeae7;
  --foreground-light: #454545;
  --foreground-lighter: #626262;
  --foreground-muted: #6c6c68;
  --border: #dededb;
  --border-muted: #eaeae7;
  --border-secondary: #eaeae7;
  --border-strong: #bdbdb8;
  --border-stronger: #858580;
  --border-control: #858580;
  --border-overlay: #dededb;
  --input: #858580;
  --ring: #805c17;
  --brand: #805c17;
  --brand-200: #f8f2e2;
  --brand-300: #f0e1bc;
  --brand-400: #dec581;
  --brand-500: #a88331;
  --brand-600: #805c17;
  --brand-link: #805c17;
  --success: #276544;
  --info: #475569;
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --destructive-500: #d28a82;
  --destructive-600: #b42318;
  --warning: #855800;
  --warning-500: #b79653;
  --warning-600: #855800;
  --chart-1: #805c17;
  --chart-2: #565656;
  --chart-3: #858580;
  --chart-4: #b2b2ac;
  --chart-5: #d5d5cf;
  --font-display: var(--font-sans);
  --font-heading: var(--font-sans);
  --font-mono: Menlo, Consolas, 'Liberation Mono', monospace;
  --radius: 0.375rem;
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.375rem;
  --radius-xl: 0.5rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --control-h-sm: 2rem;
  --control-h: 2.25rem;
  --control-h-field: 2.75rem;
  --control-h-nav: 2.75rem;
  --shadow-overlay: 0 12px 40px rgb(0 0 0 / 12%);
  --shadow-subtle: 0 1px 2px rgb(0 0 0 / 4%);
  --motion-fast: 140ms;
  --motion-normal: 220ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
  --gb-ink: #161616;
  --gb-paper: #f7f7f5;
  --gb-charcoal: #242424;
  --gb-white: #ffffff;
  --z-navigation: 40;
  --z-popover: 50;
  --z-dialog: 100;
  --z-toast: 200;
  --primary-hover: #bf983f;
  --brand-gold: #d2ae58;
  --brand-gold-foreground: #17140b;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --background: #0d0d0d;
  --foreground: #f1f1ef;
  --card: #151515;
  --card-foreground: #f1f1ef;
  --popover: #202020;
  --popover-foreground: #f1f1ef;
  --primary: #e0bb65;
  --primary-foreground: #17140b;
  --primary-hover: #edcf89;
  --secondary: #181818;
  --secondary-foreground: #f1f1ef;
  --muted: #181818;
  --muted-foreground: #adadab;
  --accent: #2b2b2b;
  --accent-foreground: #f1f1ef;
  --surface-75: #0d0d0d;
  --surface-100: #151515;
  --surface-200: #181818;
  --surface-300: #222222;
  --surface-400: #343434;
  --background-selection: #373020;
  --foreground-light: #cdcdca;
  --foreground-lighter: #adadab;
  --foreground-muted: #a3a39f;
  --border: #343434;
  --border-muted: #292929;
  --border-secondary: #292929;
  --border-strong: #626262;
  --border-stronger: #a3a39f;
  --border-control: #7c7c77;
  --border-overlay: #484848;
  --input: #7c7c77;
  --ring: #e0bb65;
  --brand: #e0bb65;
  --brand-200: #241f13;
  --brand-300: #39301c;
  --brand-400: #645029;
  --brand-500: #ac8b41;
  --brand-600: #e0bb65;
  --brand-link: #e0bb65;
  --success: #89c9a6;
  --info: #acbfd8;
  --destructive: #ffaaa3;
  --destructive-foreground: #240d0a;
  --destructive-500: #b97870;
  --destructive-600: #ffaaa3;
  --warning: #e2bf78;
  --warning-500: #bd994f;
  --warning-600: #e2bf78;
  --chart-1: #e0bb65;
  --chart-2: #d1d1cb;
  --chart-3: #a8a8a2;
  --chart-4: #83837f;
  --chart-5: #62625f;
  --shadow-overlay: 0 12px 40px rgb(0 0 0 / 45%);
  --shadow-subtle: 0 1px 2px rgb(0 0 0 / 20%);
  --gb-paper: #181818;
  color-scheme: dark;
}