/* Cafe du Nord brand tokens (v1.0, Oct 2026) · "The Lit Sign"
   Source: brand/CDN-Brand-Decisions.md. Load fonts before this file.
   Website: self-hosted woff2 in /assets/fonts (assets/css/fonts.css).
   Other tools: https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;800&family=Barlow:wght@400;500;600&display=swap
*/
:root {
  /* Color: black and bone give the facts; Neon Crimson sells the show */
  --cdn-black: #0B0B0B;      /* Sign Black: ground, logo plate, text on crimson and on bone */
  --cdn-surface: #1D1D1B;    /* Stairwell: raised panels on black (same hex as SAH Ink) */
  --cdn-bone: #E6E3DC;       /* Sign Bone: type on dark, logo lettering, light reading pages */
  --cdn-ash: #94908A;        /* secondary text on dark grounds, 14px and up */
  --cdn-graphite: #5C5955;   /* secondary text on bone */
  --cdn-red: #EA2541;        /* Neon Crimson: dates, status, the primary action, the lit sign, CAFE DU NORD PRESENTS */
  --cdn-rule: rgba(230, 227, 220, 0.16);       /* hairlines on dark */
  --cdn-rule-light: rgba(11, 11, 11, 0.16);    /* hairlines on bone */

  /* Neon: screen only, dark grounds only, one lit element per view */
  --cdn-glow-text: 0 0 0.02em #EA2541, 0 0 0.07em rgba(234, 37, 65, 0.8), 0 0 0.2em rgba(234, 37, 65, 0.4);
  --cdn-glow-button: 0 0 0 1px #EA2541, 0 0 12px rgba(234, 37, 65, 0.7), 0 0 32px rgba(234, 37, 65, 0.35);

  /* Photo washes behind type */
  --cdn-wash-bottom: linear-gradient(to top, rgba(11, 11, 11, 0.9) 0%, rgba(11, 11, 11, 0.65) 40%, rgba(11, 11, 11, 0) 75%);
  --cdn-wash-full: rgba(11, 11, 11, 0.65);

  /* Type: one superfamily */
  --cdn-font-display: 'Barlow Condensed', 'Arial Narrow', 'Roboto Condensed', Arial, sans-serif;  /* 800 headliners, 600 support */
  --cdn-font-data: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;                        /* dates, times, prices: tabular */
  --cdn-font-label: 'Barlow', 'Helvetica Neue', Arial, sans-serif;                                /* 600, caps, tracked */
  --cdn-font-body: 'Barlow', 'Helvetica Neue', Arial, sans-serif;                                 /* 400 body, 500 meta */
  --cdn-track-label: 0.18em;    /* 0.16 to 0.2em */
  --cdn-track-button: 0.14em;
}

/* Headliners: Barlow Condensed 800, caps, tight */
.cdn-headliner { font-family: var(--cdn-font-display); font-weight: 800; text-transform: uppercase; letter-spacing: 0; line-height: 0.9; font-kerning: normal; }
.cdn-support   { font-family: var(--cdn-font-display); font-weight: 600; line-height: 1.1; }
.cdn-date      { font-family: var(--cdn-font-data); font-weight: 800; text-transform: uppercase; letter-spacing: 0.01em; font-variant-numeric: tabular-nums; color: var(--cdn-red); }
.cdn-data      { font-family: var(--cdn-font-data); font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; }
.cdn-label     { font-family: var(--cdn-font-label); font-weight: 600; text-transform: uppercase; letter-spacing: var(--cdn-track-label); font-size: 0.8125rem; }
.cdn-body      { font-family: var(--cdn-font-body); font-weight: 400; font-size: 1.125rem; line-height: 1.55; }

/* The lit device (screen only, on Sign Black or Stairwell, one per view) */
.cdn-lit       { color: var(--cdn-red); text-shadow: var(--cdn-glow-text); }   /* Barlow Condensed 800, 48px and up */
.cdn-lit-svg   { filter: drop-shadow(0 0 2px #EA2541) drop-shadow(0 0 6px rgba(234, 37, 65, 0.8)) drop-shadow(0 0 16px rgba(234, 37, 65, 0.4)); }  /* sized for ~480px; scale with width, see the decisions file */

/* Approved text-on-color pairs (WCAG 2.x):
   Bone on Black 15.36 · Bone on Stairwell 13.17 · Ash on Black 6.20 (14px+) · Ash on Stairwell 5.32
   Crimson on Black 4.54 (12px+, never paragraphs) · Black on Crimson 4.54 (button text 14px, weight 600+)
   Black on Bone 15.36 · Graphite on Bone 5.43
   Large only (24px+, or 18.66px bold): Crimson on Stairwell 3.89 · Crimson on Bone 3.39
   Never: Bone on Crimson (3.39) · Ash on Bone (2.48) · Graphite on Black (2.83) · Stairwell as text · SAH Lingonberry or Dala Blue on Black */