/* GENERATED by tools/brand_kit.py from vendor/hologram-brand-kit/tokens/hologram-tokens.json (the kit at BRAND_KIT_REV). Do not edit: every colour, font and radius is the kit's. */
@font-face { font-family: "Archivo"; src: url("fonts/Archivo-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("fonts/Archivo-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("fonts/Archivo-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
: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;
  --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;
  --radius: 10px;
  --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;
  --background-lightest: #ffffff;
  --background-lighter: #ffffff;
  --background-darker: #eae9e1;
  --background-darkest: #e0dfd6;
  --docs-bg: #eae9e1;
  --destructive-foreground: #e7000b;
}
.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;
  --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;
  --radius: 10px;
  --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;
  --background-lightest: #282624;
  --background-lighter: #1e1c1b;
  --background-darker: #151312;
  --background-darkest: #0a0a0a;
  --docs-bg: #282624;
  --destructive-foreground: #ff6467;
}

/* Immersive: the photo, unfaded, behind a transparent main surface; glass on the panels that carry text. */
:root[data-holo-immersive="on"] body { background: transparent; }
:root[data-holo-immersive="on"] body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: var(--holo-wallpaper, none) center / cover no-repeat, var(--background); }
:root[data-holo-immersive="on"], :root[data-holo-immersive="on"].dark {
  --background: rgb(21 19 18 / 0);
  --sidebar: rgb(30 28 27 / 0.62);
  --card: rgb(30 28 27 / 0.74);
  --popover: rgb(30 28 27 / 0.94);
  --muted: rgb(40 38 36 / 0.7);
  --accent: rgb(40 38 36 / 0.7);
  --secondary: rgb(40 38 36 / 0.7);
  --input: #ffffff26;
  --border: #ffffff1a;
  --sidebar-border: #ffffff1a;
}
:root[data-holo-immersive="on"] [data-slot="sidebar-inner"], :root[data-holo-immersive="on"] [data-slot="sidebar"] > div, :root[data-holo-immersive="on"] .popover { -webkit-backdrop-filter: blur(24px) saturate(1.2); backdrop-filter: blur(24px) saturate(1.2); }

/* Type: the display face for titles, the interface face for everything else, the mono face for addresses; nothing under 14px. */
body { font-family: var(--font-sans); }
.font-display, h1.font-display, main > h1 { font-family: var(--font-display); letter-spacing: var(--tracking-display); font-weight: 600; }
.mono, code, kbd, samp { font-family: var(--font-mono); font-size: 14px; }