/* === GENERATED FILE -- DO NOT EDIT BY HAND ===
 * Source:  design-system/sober-af/tokens.json
 * Builder: design-system/sober-af/sd.config.mjs
 * Rebuild: npm run tokens:build
 * Sober AF and Fun Entertainment -- design tokens (Brand Guide, Aug 2025)
 */
:root {
  /* Primary palette */
  --saf-linen: #f5f1e7;
  --saf-brick-red: #be2727;
  --saf-charcoal: #1c1710;
  --saf-denim: #004263;

  /* Extended palette */
  --saf-goldenrod: #ebad2e;
  --saf-burgundy: #7b181a;
  --saf-orange-aid: #e14b27;
  --saf-emerald: #00623a;
  --saf-pewter: #95aaaa;

  /* Semantic */
  --saf-bg: var(--saf-linen);
  --saf-bg-alt: #ece6d6;
  --saf-fg: var(--saf-charcoal);
  --saf-fg-muted: #5a554e;
  --saf-accent: var(--saf-brick-red);
  --saf-accent-ink: var(--saf-linen);
  --saf-link: var(--saf-brick-red);
  --saf-link-hover: var(--saf-burgundy);
  --saf-border: #d8d1c0;
  --saf-success: var(--saf-emerald);
  --saf-warning: var(--saf-goldenrod);
  --saf-danger: var(--saf-brick-red);

  /* Typography */
  --saf-font-sans: "Neue Montreal", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --saf-font-display: "Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --saf-text-xs: 0.75rem;
  --saf-text-sm: 0.875rem;
  --saf-text-base: 1rem;
  --saf-text-lg: 1.125rem;
  --saf-text-xl: 1.375rem;
  --saf-text-2xl: 1.75rem;
  --saf-text-3xl: 2.25rem;
  --saf-text-4xl: 3rem;
  --saf-text-5xl: 4rem;
  --saf-text-6xl: 5.5rem;

  --saf-leading-tight: 1.05;
  --saf-leading-snug: 1.2;
  --saf-leading-normal: 1.5;
  --saf-leading-relaxed: 1.65;

  /* Layout */
  --saf-container: 1200px;
  --saf-container-narrow: 800px;
  --saf-container-wide: 1440px;

  --saf-gap-1: 0.25rem;
  --saf-gap-2: 0.5rem;
  --saf-gap-3: 0.75rem;
  --saf-gap-4: 1rem;
  --saf-gap-5: 1.5rem;
  --saf-gap-6: 2rem;
  --saf-gap-7: 3rem;
  --saf-gap-8: 4rem;
  --saf-gap-9: 6rem;

  --saf-radius-sm: 4px;
  --saf-radius: 8px;
  --saf-radius-lg: 16px;
  --saf-radius-pill: 9999px;

  --saf-shadow-sm: 0 1px 2px rgba(28, 23, 16, 0.06);
  --saf-shadow: 0 4px 14px rgba(28, 23, 16, 0.08);
  --saf-shadow-lg: 0 20px 48px rgba(28, 23, 16, 0.12);

  --saf-transition: 180ms ease;
}

/* Neue Montreal is a licensed font (Pangram Pangram) -- not hosted by default.
   To enable it:
   1. Drop NeueMontreal-Medium.woff2 and NeueMontreal-Bold.woff2 into assets/fonts/neue-montreal/
   2. Uncomment the @font-face blocks below
   3. Redeploy.
   Until then, the Helvetica fallback from the stack in --saf-font-sans is used
   (per brand guide: Helvetica Bold / Helvetica Regular are the approved alternates). */

/*
@font-face {
	font-family: "Neue Montreal";
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: local("Neue Montreal Medium"), url("../fonts/neue-montreal/NeueMontreal-Medium.woff2") format("woff2");
}
@font-face {
	font-family: "Neue Montreal";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: local("Neue Montreal Bold"), url("../fonts/neue-montreal/NeueMontreal-Bold.woff2") format("woff2");
}
*/