/* ============================================================
   DAWN OF FAITH TV — "BROADCAST BLOCK" DESIGN TOKENS
   Flat, hard-edged, editorial. Built from the DOF block logo:
   paper canvas, espresso ink, logo amber, signal red.
   No blur. No glass. No soft gradients. Structure is the style.
   ============================================================ */

:root {
    /* ---------- Canvas & surfaces ---------- */
    --paper:        #F7F3EA;   /* page canvas — warm newsprint */
    --paper-deep:   #EFE9DC;   /* alternating bands            */
    --card:         #FFFDF7;   /* raised block surfaces        */
    --ink:          #181008;   /* espresso black — text, rules */
    --ink-2:        #241A10;   /* dark surface variant         */
    --ink-mid:      rgba(24, 16, 8, 0.68);
    --ink-low:      rgba(24, 16, 8, 0.46);

    /* on dark (espresso) surfaces */
    --on-dark:      #F7F3EA;
    --on-dark-mid:  rgba(247, 243, 234, 0.66);
    --on-dark-low:  rgba(247, 243, 234, 0.4);

    /* ---------- Brand ---------- */
    --amber:        #F2A118;   /* logo amber                   */
    --amber-deep:   #D88A05;   /* hover / pressed              */
    --amber-soft:   #FCD98E;   /* tints, underlines            */
    --amber-wash:   #F8E7C4;   /* pale amber fills             */
    --amber-ink:    #8A5606;   /* amber legible as small text on paper */
    --signal:       #D92D20;   /* ON AIR red                   */
    --signal-deep:  #B42318;
    --olive:        #4F5D2F;   /* rare cool counterpoint       */

    /* ---------- Rules & borders ---------- */
    --rule:         var(--ink);                 /* structural 2px  */
    --hairline:     rgba(24, 16, 8, 0.16);      /* fine grid lines */
    --hairline-dark: rgba(247, 243, 234, 0.22); /* on espresso     */

    --bw:           2px;        /* canonical border width */
    --bw-heavy:     3px;

    /* ---------- Hard offset shadows (the block look) ---------- */
    --drop:         4px 4px 0 var(--ink);
    --drop-sm:      3px 3px 0 var(--ink);
    --drop-lg:      7px 7px 0 var(--ink);
    --drop-amber:   4px 4px 0 var(--amber);
    --drop-signal:  4px 4px 0 var(--signal);

    /* ---------- Typography ---------- */
    --font-display: 'Archivo Black', 'Archivo', sans-serif;
    --font-body:    'Archivo', 'Helvetica Neue', sans-serif;
    --font-mono:    'Space Mono', 'Courier New', monospace;
    --font-serif:   'Instrument Serif', Georgia, serif;

    --track-wide:   0.22em;    /* mono kickers  */
    --track-tight:  -0.015em;  /* display type  */

    /* ---------- Radii: blocks are blocks ---------- */
    --r-0:          0;
    --r-pill:       999px;     /* chips / status dots only */

    /* ---------- Rhythm ---------- */
    --frame-max:    1200px;
    --frame-pad:    clamp(1.1rem, 4vw, 2.5rem);
    --sec-pad:      clamp(3.6rem, 9vh, 6.5rem);

    /* ---------- Motion ---------- */
    --ease-snap:    cubic-bezier(0.2, 0.9, 0.25, 1);
    --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
    --t-fast:       140ms;
    --t-med:        260ms;

    /* ---------- Z ---------- */
    --z-header:     100;
    --z-overlay:    200;
}