/* GENERATED by theme.generate from brand.yaml tokens (source: brand_kit). Do not edit;
   change brand.yaml and run the factory again. The only file with literal colours. */

@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/bodonimoda-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Moda Fallback";
  src: local("Times New Roman");
  size-adjust: 115.45%;
  ascent-override: 97.45%;
  descent-override: 34.65%;
  line-gap-override: 0.00%;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrainsmono-latin.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono Fallback";
  src: local("Courier New");
  size-adjust: 99.98%;
  ascent-override: 102.02%;
  descent-override: 30.00%;
  line-gap-override: 0.00%;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrainsmono-latin.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono Fallback";
  src: local("Courier New");
  size-adjust: 99.98%;
  ascent-override: 102.02%;
  descent-override: 30.00%;
  line-gap-override: 0.00%;
}

:root {
  /* dark scheme (site polarity) */
  --dark-bg: #050706;
  --dark-surface: #111613;
  --dark-raised: #111613;
  --dark-line: #272A28;
  --dark-line-strong: #6C6C67;
  --dark-muted: #B1B1AE;
  --dark-fg: #F5F5EF;
  --dark-accent-text: #48E65E;
  --dark-cta: #48E65E;
  --dark-cta-hover: #2AD249;
  --dark-on-cta: #050706;
  --dark-danger: #F66D62;
  --dark-success: #51DAA7;
  --dark-focus: #48E65E;
  /* light scheme (bands, money pages) */
  --light-bg: #F3F8F6;
  --light-surface: #FEFEFA;
  --light-raised: #F0F0ED;
  --light-line: #E0E0DC;
  --light-line-strong: #7A7A77;
  --light-muted: #5E5E5C;
  --light-fg: #181817;
  --light-accent-text: #007E22;
  --light-cta: #0E0E0C;
  --light-cta-hover: #1B1B19;
  --light-on-cta: #48E65E;
  --light-danger: #B6322D;
  --light-success: #007C59;
  --light-focus: #007E22;
  /* shared */
  --accent: #48E65E;
  --accent-hover: #30D54D;
  --on-accent: #0E0E0A;
  --hero-bg: #050706;
  --hero-fg: #F5F5EF;
  --photo-bg: #111613;
  --shadow-ink: #070702;
  /* the logo's own colours (brand kit): artwork only, never text */
  --logo-color-1: #D6A84B;
  --logo-color-2: #F5F5EF;
  /* type */
  --font-display: "Bodoni Moda", "Bodoni Moda Fallback", serif;
  --font-body: "JetBrains Mono", "JetBrains Mono Fallback", monospace;
  --font-mono: "JetBrains Mono", "JetBrains Mono Fallback", monospace;
  --t-xs: 0.64rem;
  --t-sm: 0.8rem;
  --t-base: 1rem;
  --t-md: 1.25rem;
  --t-lg: 1.562rem;
  --t-xl: 1.953rem;
  --t-2xl: 2.441rem;
  --t-3xl: 3.052rem;
  --t-hero: clamp(1.953rem, 1rem + 4.4vw, 4.768rem);
  --t-h1: clamp(1.953rem, 1rem + 2.6vw, 3.052rem);
  --t-h2: clamp(1.562rem, 0.9rem + 1.8vw, 2.441rem);
  /* voice of the type */
  --case-title: uppercase;
  --case-button: uppercase;
  --track-title: 0.01em;
  /* shape */
  --radius: 0px;
  --radius-sm: 0px;
  --radius-lg: 0px;
  --polarity: dark;
  color-scheme: dark;
}

:root, .scheme-site {
  --bg: var(--dark-bg);
  --surface: var(--dark-surface);
  --raised: var(--dark-raised);
  --line: var(--dark-line);
  --line-strong: var(--dark-line-strong);
  --muted: var(--dark-muted);
  --fg: var(--dark-fg);
  --accent-text: var(--dark-accent-text);
  --cta: var(--dark-cta);
  --cta-hover: var(--dark-cta-hover);
  --on-cta: var(--dark-on-cta);
  --danger: var(--dark-danger);
  --success: var(--dark-success);
  --focus: var(--dark-focus);
}
.scheme-alt {
  --bg: var(--dark-bg);
  --surface: var(--dark-surface);
  --raised: var(--dark-raised);
  --line: var(--dark-line);
  --line-strong: var(--dark-line-strong);
  --muted: var(--dark-muted);
  --fg: var(--dark-fg);
  --accent-text: var(--dark-accent-text);
  --cta: var(--dark-cta);
  --cta-hover: var(--dark-cta-hover);
  --on-cta: var(--dark-on-cta);
  --danger: var(--dark-danger);
  --success: var(--dark-success);
  --focus: var(--dark-focus);
  color-scheme: dark;
}

/* header logo size (brand.yaml logo.header_height_px) */
:root { --logo-h: 30px; }
@media (min-width: 768px) { :root { --logo-h: 38px; } }

/* page frame (brand.yaml layout) */
:root { --frame: 1144px; --gutter: clamp(1rem, 4vw, 3rem); }

/* the origin line's flag (site.yaml hero.origin): artwork, never text */
.hero-origin-red { fill: #D52B1E; } .hero-origin-white { fill: #F5F5EF; }