/* uaclub.org.uk — design tokens
 * Source of truth: "Brand and Design System" handoff (approved).
 * Named by role, never by hue. Maps 1:1 onto theme.json palette slugs.
 * Do not add tokens here without a one-line reason.
 */

:root {
  /* ---- Ground & surface ---- */
  --paper:            #FAF6EE;  /* page ground — warm linen */
  --surface:          #FFFFFF;  /* cards */
  --surface-quiet:    #F0E9DC;  /* bands, notices */
  --surface-deep:     #0E3A52;  /* header, dark bands — rushnyk ink-blue */
  --surface-deepest:  #07222F;  /* footer, image scrim */
  --line:             #E2DACB;  /* hairlines */
  --line-strong:      #7A7367;  /* control borders — 4.35:1 on paper */

  /* ---- Ink ---- */
  --ink:              #1A1A18;
  --ink-soft:         #4E4A43;
  --ink-inverse:      #FAF6EE;  /* text on deep blue */
  --ink-quiet-inv:    #C6CFD4;  /* secondary text on deep blue — 7.61:1 */

  /* ---- Brand ---- */
  --brand:            #0E3A52;
  --brand-strong:     #07222F;
  --brand-link:       #14557A;
  --accent:           #E9C605;  /* gold — on deep blue only */
  --thread-red:       #B01116;  /* overlines, emphasis */
  --accent-wash:      #E4EDF2;  /* quiet blue panel, planned badge */

  /* ---- State ---- */
  --state-open:         #3F5F1C;
  --state-planned:      #0E3A52;
  --state-closed:       #B01116;
  --state-open-wash:    #E9EDDD;
  --state-closed-wash:  #F7E6E3;
  --focus:              #14557A;

  /* ---- Space (4px base) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;

  /* ---- Radius ---- */
  --radius-input:  3px;
  --radius-button: 4px;
  --radius-card:   6px;   /* cards and photographs */
  --radius-badge:  999px; /* status badges and the language switcher only */

  /* ---- Elevation — one level, photographs only ---- */
  --shadow: 0 10px 28px rgba(26, 26, 24, .12);

  /* ---- Type ---- */
  --font-voice: "Piazzolla", Georgia, "Times New Roman", serif;
  --font-ui:    "Commissioner", system-ui, -apple-system, "Segoe UI", sans-serif;

  --text-display:  clamp(36px, 1.65rem + 3.2vw, 60px);
  --text-h1:       clamp(30px, 1.55rem + 2.1vw, 44px);
  --text-h2:       clamp(24px, 1.35rem + 1.1vw, 32px);
  --text-h3:       clamp(20px, 1.2rem + .4vw, 24px);
  --text-lede:     clamp(20px, 1.2rem + .3vw, 23px);
  --text-body:     19px;
  --text-small:    16px;
  --text-caption:  15px;
  --text-overline: 13px;

  --measure: 68ch;

  /* ---- Layout ---- */
  --page-max: 1180px;
  --gutter: var(--space-4);
}

@media (min-width: 768px) {
  :root { --gutter: var(--space-6); }
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper:            #121311;
    --surface:          #1C1E1C;
    --surface-quiet:    #20221F;
    --surface-deep:     #0F2A38;
    --surface-deepest:  #0C0D0B;
    --line:             #2C2E2B;
    --line-strong:      #87837A;

    --ink:              #F1F1EC;
    --ink-soft:         #BDBFB8;
    --ink-inverse:      #121311;
    --ink-quiet-inv:    #C6CFD4;

    --brand:            #0F2A38;
    --brand-strong:     #F1F1EC;
    --brand-link:       #8CC0DE;
    --accent:           #F0CE3A;
    --thread-red:       #FF8E86;
    --accent-wash:      #17262E;

    --state-open:         #A8CE86;
    --state-planned:      #A9C6D6;
    --state-closed:       #FF8E86;
    --state-open-wash:    #1E2418;
    --state-closed-wash:  #2A1917;
    --focus:              #8CC0DE;

    --shadow: 0 10px 28px rgba(0, 0, 0, .5);
  }
}