/* BRAND SHEET for Sad Tatts (Dre) (sitemaker step 3, REQUIREMENTS PROC-01). Written BEFORE any design.
   Read from his LIVE surfaces 2026-10-17 22:43-22:55 UTC:
   - https://sadtatts.com computed styles: bg #0A0A0A / #111111, text #F0F0F0, accent #00A3E0, headings Teko, body Inter.
     The blue was picked by the Feb 2026 build, not by Dre: none of his photos, his sign or his IG use it. Dropped.
   - His own brand in the world: the neon "SadTatts" sign, sampled #F00225, #DD1830, #D6361C (source/ig/DS-tlH7FLNJ.jpg,
     source/site-2026-02/lion.jpg, source/ig/DWhP55aEqs1.jpg); studio purple light #9249A9 (source/ig/DbJvE5SMflx.jpg);
     the black and white brush-stroke studio wall; the chrome logo.
   Logo + favicon: cut from his real logo https://sadtatts.com/images/logo.png (source/site-2026-02/logo.png); never redrawn.
   Fonts: Dre's ruling 2026-10-19 (his sheet 1, texts/dre-2026-10-19-01.jpg): "Helvetica Neue" for all; titles and bold
   text Helvetica Condensed Bold; regular text Helvetica Medium. Joseph chose the free route: Apple devices have these
   faces built in; elsewhere the nearest free look (Arial; Arial Narrow, else Roboto Condensed from Google Fonts).
   This overrides LOOK-12 (Lexend body) for his site, so the readability gate's R13 reads FAIL by his choice. */
:root {
  /* base: ink black like his studio at night */
  --bg: #0A0A0A;   --bg-2: #121212;   --card: #1A1A1A;   --ink: #F2EFEA;   --muted: #A9A6A1;
  /* ONE action colour: his neon sign (every button, nothing else). White on it: 4.9:1 */
  --action: #E0102A;   --action-ink: #FFFFFF;   --action-hover: #F2253E;
  /* accents from his world: neon red (light, for text on black 6:1), chrome, studio purple, bone */
  --accent-1: #FF4D5E;   --accent-2: #C9CCD1;   --accent-3: #B77BD0;   --accent-4: #F2EFEA;
  /* light sections: bone paper like the studio wall */
  --paper: #F4F1EC;   --paper-2: #FFFFFF;   --ink-d: #0E0E0E;   --muted-d: #4A4744;   --brand-tint: #F7F5F1;
  /* type */
  --font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-head: "HelveticaNeue-CondensedBold", "Helvetica Neue Condensed Bold", "Helvetica Neue", "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  --r: 18px;
  /* kits */
  --nk-bg: var(--card); --nk-ink: var(--ink); --nk-accent: var(--action); --nk-accent-ink: var(--action-ink);
  --bg-dot: rgba(255, 255, 255, .08); --bg-accent-1: var(--accent-1); --bg-accent-2: var(--accent-2);
}
/* logo files: assets/logo.webp (header), assets/favicon-*.png, assets/mark-tile.png (small, for the super-graphic) */