/* Generated by scripts/build-tokens.mjs from design/style-kits.json and design/fonts.json. Do not edit by hand. */
/* Defaults: colour theme hi-vis-horizon, font pair industrial-sturdy. The theme loads
   themes/<id>.css after this file for the chosen colour theme, and prints the
   chosen fonts' variables inline after it. */

:root {
  --font-sans: Archivo, 'Archivo Fallback', Arial, Helvetica, sans-serif;
  --font-heading: Oswald, 'Oswald Fallback', Arial, Helvetica, sans-serif;
  --font-accent: var(--font-heading);
  --font-heading-weight: 600;
  --font-heading-weight-strong: 700;
  --font-accent-weight: var(--font-heading-weight-strong);
  --lbg-container-narrow: 720px;
  --lbg-container-default: 1200px;
  --lbg-container-wide: 1440px;
  --lbg-measure: 65ch;
  --lbg-gutter: clamp(1.25rem, 1.1571rem + 0.381vw, 1.5rem);
  --lbg-gap: clamp(1rem, 0.8143rem + 0.7619vw, 1.5rem);
  --lbg-section-sm: clamp(2rem, 1.6286rem + 1.5238vw, 3rem);
  --lbg-section-md: clamp(3.5rem, 2.9429rem + 2.2857vw, 5rem);
  --lbg-section-lg: clamp(4.5rem, 3.3857rem + 4.5714vw, 7.5rem);
}

:root {
  color-scheme: light;
  --background: #FBF7F2;
  --foreground: #1A1410;
  --card: #FFFFFF;
  --card-foreground: #1A1410;
  --popover: #FFFFFF;
  --popover-foreground: #1A1410;
  --primary: #BF3F07;
  --primary-foreground: #FFFFFF;
  --secondary: #F3E9DE;
  --secondary-foreground: #4A3524;
  --muted: #F1EBE3;
  --muted-foreground: #5C5348;
  --accent: #FFEDD5;
  --accent-foreground: #7C2D12;
  --destructive: #B91C1C;
  --destructive-foreground: #FFFFFF;
  --border: #E6DCCF;
  --input: #8C8177;
  --ring: #BF3F07;
  --overlay: rgba(24, 14, 6, 0.65);
  --lbg-btn-hover-tint: rgb(0 0 0 / 0.06);
  --lbg-btn-band-hover-tint: rgb(255 255 255 / 0.1);
  --radius: 0.25rem;
}

[data-theme="dark"] {
  color-scheme: dark;
  --background: #14100C;
  --foreground: #F6F1EA;
  --card: #1C1712;
  --card-foreground: #F6F1EA;
  --popover: #221B15;
  --popover-foreground: #F6F1EA;
  --primary: #FB923C;
  --primary-foreground: #2A1404;
  --secondary: #2A231B;
  --secondary-foreground: #EFE4D5;
  --muted: #221C15;
  --muted-foreground: #B3A99B;
  --accent: #3A2716;
  --accent-foreground: #FDBA74;
  --destructive: #DC2626;
  --destructive-foreground: #FFFFFF;
  --border: #2E261D;
  --input: #8A8076;
  --ring: #FB923C;
  --overlay: rgba(0, 0, 0, 0.72);
  --lbg-btn-hover-tint: rgb(255 255 255 / 0.1);
  --lbg-btn-band-hover-tint: rgb(0 0 0 / 0.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --background: #14100C;
    --foreground: #F6F1EA;
    --card: #1C1712;
    --card-foreground: #F6F1EA;
    --popover: #221B15;
    --popover-foreground: #F6F1EA;
    --primary: #FB923C;
    --primary-foreground: #2A1404;
    --secondary: #2A231B;
    --secondary-foreground: #EFE4D5;
    --muted: #221C15;
    --muted-foreground: #B3A99B;
    --accent: #3A2716;
    --accent-foreground: #FDBA74;
    --destructive: #DC2626;
    --destructive-foreground: #FFFFFF;
    --border: #2E261D;
    --input: #8A8076;
    --ring: #FB923C;
    --overlay: rgba(0, 0, 0, 0.72);
    --lbg-btn-hover-tint: rgb(255 255 255 / 0.1);
    --lbg-btn-band-hover-tint: rgb(0 0 0 / 0.06);
  }
}