/*
  Brick by Brick / As You Are — shared brand tokens
  Source of truth for type: Brand Guidelines/FONT-SYSTEM.png (filed 2026-07-08)
  Colors synthesized from Class 5 hub, YouTube Home, and AI Brickyard site.

  OFFICIAL PRINT/LICENSED TYPE (from FONT SYSTEM board)
  - Header 1:  Druk Text Medium
  - Header 2:  PP Editorial New Book
  - Subtext:   PP Editorial New Ultralight
  - Decorative: Quimby Gubernatorial
  - Paragraph: P22 Underground
  - Wordmark:  BRICK by BRICK + 3D cube mark

  WEB FALLBACKS (Google Fonts — free stack used in these HTML hubs)
  - Display condensed (≈ Druk):     Bebas Neue
  - Editorial serif (≈ PP Editorial): Instrument Serif
  - Body geometric (≈ P22 Underground): DM Sans
  - Decorative script (≈ Quimby):   Great Vibes

  Load in HTML:
  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Great+Vibes&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="brand-tokens.css" />
*/

:root {
  /* ── Color: brick system ── */
  --brand-brick:        #C4622D;
  --brand-brick-lt:     #E07848;
  --brand-brick-dk:     #7A3010;
  --brand-brick-mid:    #c86843; /* AI Brickyard site brick */
  --brand-gold:         #D4953A;
  --brand-cream:        #F0E4D0;
  --brand-tan:          #C4A882;
  --brand-mortar:       #8A7060;

  /* ── Color: light surfaces (operator sheets, YouTube Home) ── */
  --brand-paper:        #ffffff;
  --brand-surface:      #f6f4f0;
  --brand-ink:          #161412;
  --brand-ink-2:        #37312a;
  --brand-ink-3:        #686058;
  --brand-hair:         #e4e0da;
  --brand-hair-2:       #bdb3a9;

  /* ── Color: dark surfaces (Class 5 cohort hub) ── */
  --brand-bg:           #100804;
  --brand-bg-2:         #1A0C06;
  --brand-bg-3:         #220F07;
  --brand-ember:        #3D1508;

  /* ── Type roles → web families ── */
  --font-display:       "Bebas Neue", "Impact", "Arial Narrow", sans-serif; /* ≈ Druk Text Medium */
  --font-editorial:     "Instrument Serif", "Iowan Old Style", Georgia, serif; /* ≈ PP Editorial New */
  --font-body:          "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; /* ≈ P22 Underground */
  --font-accent:        "Great Vibes", "Apple Chancery", cursive; /* ≈ Quimby Gubernatorial */

  /* Official names (for docs / licensed installs) */
  --font-official-h1:   "Druk Text Medium";
  --font-official-h2:   "PP Editorial New Book";
  --font-official-sub:  "PP Editorial New Ultralight";
  --font-official-deco: "Quimby Gubernatorial";
  --font-official-body: "P22 Underground";

  /* ── Shared motion / radius ── */
  --brand-ease:         cubic-bezier(0.16, 1, 0.3, 1);
  --brand-radius:       8px;
}

/* Utility helpers — optional classes for ad-hoc markup */
.brand-display  { font-family: var(--font-display); letter-spacing: 0.02em; text-transform: uppercase; }
.brand-editorial { font-family: var(--font-editorial); font-weight: 400; }
.brand-body     { font-family: var(--font-body); }
.brand-accent   { font-family: var(--font-accent); }
.brand-brick-fg { color: var(--brand-brick); }
.brand-cream-fg { color: var(--brand-cream); }