/* ─────────────────────────────────────────────────────────────────────────
   PAST CURFEW — BRAND TOKENS

   The single source of truth for how Past Curfew looks. This file is the
   brand as code: every Past Curfew surface should load it, or copy it
   verbatim, so the site and the form cannot drift apart.

   White is the canvas. Navy is the accent and every action.

   Prose version, with usage rules and the reasoning: BLUEPRINT.md.
   If this file and BLUEPRINT.md ever disagree, fix whichever is stale —
   they describe the same brand and must agree.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Surfaces ─────────────────────────────────────────────────────────
     Canvas is plain white. Panels and fields are the only tints.          */
  --bg:        #FFFFFF;   /* page canvas                                   */
  --bg-2:      #F4F7FB;   /* raised panels — cards, callouts, quotes       */
  --card:      #F8FAFC;   /* input fill at rest                            */
  --card-2:    #FFFFFF;   /* input fill when focused                       */

  /* ── Lines ────────────────────────────────────────────────────────────  */
  --line:      #DCE3EC;   /* borders and dividers                          */
  --line-lit:  #BCC8D8;   /* borders under the cursor                      */

  /* ── Ink ──────────────────────────────────────────────────────────────
     Navy-black, not grey-black. Text belongs to the navy family.          */
  --txt:       #0E1B33;   /* body copy and headlines        17.2:1 on white */
  --dim:       #54657F;   /* supporting copy                 5.9:1 on white */
  --dimmer:    #7C8BA2;   /* captions, placeholders          3.5:1 on white */

  /* ── Navy: the accent, and every action ───────────────────────────────  */
  --acc:       #12305C;   /* buttons, primary marks         13.1:1 on white */
  --acc-lit:   #1B437E;   /* button and link hover                          */
  --acc-ink:   #FFFFFF;   /* text sitting on a navy fill                    */
  --acc-2:     #2E5FB8;   /* focus rings, section numbers    6.1:1 on white */
  --acc-2-lit: #1B437E;   /* small marks on hover                           */

  /* ── Error ────────────────────────────────────────────────────────────
     Red is a FUNCTIONAL SIGNAL, not a brand colour. Validation only.
     Never use it decoratively.                                            */
  --warn:      #C42B39;   /* error text and borders          5.6:1 on white */
  --warn-dim:  #EFC4C9;   /* error container border                         */

  /* ── Type ─────────────────────────────────────────────────────────────
     Archivo displays, Inter reads, Caveat signs. System fallbacks in
     every stack so a blocked font never leaves the page unstyled.         */
  --display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --body:    "Inter",   system-ui, -apple-system, "Segoe UI", sans-serif;
  --sign:    "Caveat",  "Segoe Script", cursive;

  /* ── Geometry ─────────────────────────────────────────────────────────  */
  --r: 10px;              /* corner radius                                 */
}