/* GENERATED by brand/scripts/dtcg-to-css.mjs — do not edit by hand.
 * The Hologram brand layer: warm paper (:root) and warm dark (.dark),
 * accent #e93b01. Source of truth: brand/tokens/hologram-tokens.json */

:root {
  --background: #f3f3ee;
  --foreground: #302b28;
  --card: #ffffff;
  --card-foreground: #302b28;
  --popover: #ffffff;
  --popover-foreground: #302b28;
  --primary: #302b28;
  --primary-foreground: #f3f3ee;
  --secondary: #eae9e1;
  --secondary-foreground: #302b28;
  --muted: #eae9e1;
  --muted-foreground: #6b6660;
  --accent: #e0dfd6;
  --accent-foreground: #302b28;
  --brand: #e93b01;
  --brand-foreground: #ffffff;
  --destructive: #e7000b;
  --success: #1f7a4d;
  --success-foreground: #ffffff;
  --muted-foreground-subtle: #8a857e;
  --border: #deddd4;
  --input: #deddd4;
  --ring: #a8a399;
  --chart-1: #e93b01;
  --chart-2: #302b28;
  --chart-3: #6b6660;
  --chart-4: #a8a399;
  --chart-5: #deddd4;
  --sidebar: #eae9e1;
  --sidebar-foreground: #302b28;
  --sidebar-primary: #e93b01;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e0dfd6;
  --sidebar-accent-foreground: #302b28;
  --sidebar-border: #deddd4;
  --sidebar-ring: #a8a399;
  --warning: #bb370b;
  --warning-foreground: #ffffff;
  --destructive-foreground: #ffffff;
  --info: #6b6660;
  --link: #302b28;
  --link-hover: #302b28;
  --destructive-subtle: #fcdbdd;
  --destructive-border: #f5999d;
  --warning-subtle: #f5e3dd;
  --warning-border: #e4af9d;
  --success-subtle: #e0ece6;
  --success-border: #a5cab8;
  --info-subtle: #eae9e1;
  --info-border: #deddd4;
  --primary-hover: #474340;
  --accent-pressed: #d2d1c8;
  --border-solid: #deddd4;
  --border-strong: #deddd4;
  --scrim: #0a0a0a59;
  --shadow: #0a0a0a2e;
  --radius: 0.625rem;
  --font-sans: Geist, Inter, sans-serif;
  --font-display: Archivo, Geist, sans-serif;
  --font-mono: Geist Mono, JetBrains Mono, monospace;
  --tracking-display: -0.03em;
  --tracking-caps: 0.22em;
  --border-width: 1px;
  --ring-width: 2px;
  --ring-offset: 2px;
  --duration: 120ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --shadow-overlay: 0 16px 40px -12px #0a0a0a2e;
}

.dark {
  --background: #151312;
  --foreground: #f6f5f4;
  --card: #1e1c1b;
  --card-foreground: #f6f5f4;
  --popover: #1e1c1b;
  --popover-foreground: #f6f5f4;
  --primary: #e7e5e3;
  --primary-foreground: #1e1c1b;
  --secondary: #282624;
  --secondary-foreground: #f6f5f4;
  --muted: #282624;
  --muted-foreground: #a6a4a2;
  --accent: #282624;
  --accent-foreground: #f6f5f4;
  --brand: #e93b01;
  --brand-foreground: #ffffff;
  --destructive: #ff6467;
  --success: #5fd18b;
  --success-foreground: #171717;
  --muted-foreground-subtle: #767472;
  --border: #ffffff1a;
  --input: #ffffff26;
  --ring: #757371;
  --chart-1: #e93b01;
  --chart-2: #d6d4d2;
  --chart-3: #a3a09e;
  --chart-4: #757371;
  --chart-5: #545250;
  --sidebar: #1e1c1b;
  --sidebar-foreground: #f6f5f4;
  --sidebar-primary: #e93b01;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #282624;
  --sidebar-accent-foreground: #f6f5f4;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #757371;
  --warning: #ec6032;
  --warning-foreground: #0a0a0a;
  --destructive-foreground: #0a0a0a;
  --info: #a6a4a2;
  --link: #f6f5f4;
  --link-hover: #e7e5e3;
  --destructive-subtle: #3e2626;
  --destructive-border: #783939;
  --warning-subtle: #3b261e;
  --warning-border: #703724;
  --success-subtle: #27352b;
  --success-border: #386448;
  --info-subtle: #282624;
  --info-border: #353332;
  --primary-hover: #ceccca;
  --accent-pressed: #383735;
  --border-solid: #2d2b2a;
  --border-strong: #383635;
  --scrim: #0a0a0a99;
  --shadow: #0a0a0a8c;
  --shadow-overlay: 0 16px 40px -12px #0a0a0a8c;
}