/* ── We Are Tarrant ───────────────────────────────────────────────────────
   Tarrant County Democratic Party. The partisan brand, and the only tenant
   that carries one.

   Color values are verbatim from
   brand.tarrantdemocrats.org/we_are_tarrant/03_color/wat_tokens.css (v1.1).
   Do not edit the hexes here -- if the brand ships a new version, re-sync
   from that file. See docs/brand-assets.md.

   Mix target: ~70% navy · ~25% paper · ~5% gold. Gold is a highlight, never
   a body-text background, and never text on white (1.9:1).

   Every token below is required of every tenant; test/tenants.mjs asserts
   that nothing index.html consumes is missing here. The `-rgb` triplets feed
   the alpha derivations in index.html's :root and must track their hex
   partner -- they are the same colour written twice, so change them together.
   ------------------------------------------------------------------------ */

/* ── Type ─────────────────────────────────────────────────────────────────
   Self-hosted and subset to Latin + Vietnamese, so the brand does not depend
   on a third-party font CDN on election day -- and so the CSP can stay
   default-src 'self' with no font-src exception. Sources:
   brand.tarrantdemocrats.org/we_are_tarrant/02_fonts (OFL 1.1, see
   fonts/OFL.txt). Archivo has its wdth axis pinned to 100; only wght stays
   variable. See docs/brand-assets.md for the subsetting recipe.

   These live here rather than in index.html because they are this brand's
   typefaces, not the app's: the shell is served on every hostname, and a
   tenant using system fonts should not carry a rival's @font-face rules.
   Relative url() resolves against this file, so `fonts/Anton.woff2` is
   /tenants/tcdp/fonts/Anton.woff2 with nothing in nginx to configure. */

@font-face {
  font-family: 'Anton';
  src: url('fonts/Anton.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('fonts/Archivo.woff2') format('woff2-variations'),
       url('fonts/Archivo.woff2') format('woff2');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Archivo Narrow';
  src: url('fonts/ArchivoNarrow.woff2') format('woff2-variations'),
       url('fonts/ArchivoNarrow.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;
}

:root {
  /* ── Base palette ───────────────────────────────────────────────── */
  --brand-primary:          #0A2342;   /* Tarrant Navy */
  --brand-primary-rgb:      10, 35, 66;
  --brand-primary-deep:     #06182E;
  --brand-primary-deep-rgb: 6, 24, 46;
  --brand-primary-soft:     #12305A;
  --brand-primary-soft-rgb: 18, 48, 90;

  --brand-accent:           #F2A900;   /* Tarrant Gold */
  --brand-accent-rgb:       242, 169, 0;
  --brand-accent-soft:      #F8D173;

  --brand-surface:          #FAF7EF;   /* Paper */
  --brand-surface-rgb:      250, 247, 239;
  --brand-surface-2:        #F1ECE0;   /* paper, one step down */
  --brand-surface-3:        #E3DCCB;   /* paper hairlines */

  --brand-muted:            #516A86;   /* Steel */
  --brand-muted-rgb:        81, 106, 134;

  /* ── Text on each ground ────────────────────────────────────────── */
  --brand-on-primary:       #FAF7EF;
  --brand-on-primary-rgb:   250, 247, 239;
  --brand-on-surface:       #0A2342;
  --brand-on-accent:        #0A2342;
  --brand-on-surface-muted: #40506A;   /* secondary copy on paper */

  /* ── Status ─────────────────────────────────────────────────────── */
  --brand-error:            #8E241A;
  --brand-warn-text:        #8A5B00;   /* "may be out of date" note */

  /* The 15-30 minute bucket. Tarrant Gold rather than a generic amber: the
     brand allows exactly one warm accent, and a second yellow would break
     it. The traffic light still reads correctly because gold sits between
     the structural green and red defined in index.html. */
  --wait-medium:            var(--brand-accent);

  /* ── Type ───────────────────────────────────────────────────────── */
  /* @font-face for these is at the top of this file. */
  --brand-font-display: 'Anton', 'Archivo', Impact, sans-serif;
  --brand-font-body:    'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --brand-font-kicker:  'Archivo Narrow', 'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;

  /* The guide sets a 120px floor on the horizontal lockup. */
  --brand-wordmark-width:    148px;
  --brand-wordmark-width-sm: 124px;
}