/* ---------------------------------------------------------------------------
   Brim · Goodfolk — brand tokens
   Night Game palette. Single source of truth for colour and type.
   Nothing in the app should hard-code a hex value that appears in this file.
   --------------------------------------------------------------------------- */

:root {
  /* --- Core ------------------------------------------------------------- */
  --ink:            #15181C;
  --paper:          #F5F6F3;
  --white:          #FFFFFF;

  /* --- Brim ------------------------------------------------------------- */
  --field:          #17352C;
  --sodium:         #F0B429;

  /* --- Goodfolk --------------------------------------------------------- */
  --dusk:           #6E7FD9;
  --dusk-light:     #A7B5EC;
  --dusk-pale:      #C3C9EE;
  --dusk-deep:      #5367D2;

  /* --- Support ---------------------------------------------------------- */
  --slate:          #69717F;
  --line:           #E0E2DE;
  --coral:          #E2563F;

  /* --- Tints ------------------------------------------------------------ */
  --field-tint:     #EDF2EF;
  --sodium-tint:    #FEF6E4;
  --dusk-tint:      #EEF0FB;
  --coral-tint:     #FBEEEB;

  /* --- Type ------------------------------------------------------------- */
  --font-display:   'Bricolage Grotesque', system-ui, sans-serif;
  --font-ui:        'Poppins', system-ui, sans-serif;
  --font-mono:      'Poppins', system-ui, sans-serif; /* DM Mono retired Sept 2026 */

  --track-display:  -0.035em;
  --track-wordmark: -0.045em;
  --track-tuck:     -0.22em;
  --track-mono:      0;

  /* --- Radius ----------------------------------------------------------- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-icon: 22%;
}

[data-brand="brim"]     { --brand: var(--field); --brand-accent: var(--sodium); }
[data-brand="goodfolk"] { --brand: var(--dusk);  --brand-accent: var(--dusk-light); }

.gf-wordmark {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: var(--track-wordmark);
  color: var(--dusk);
  white-space: nowrap;
}
.gf-wordmark .tuck   { letter-spacing: var(--track-tuck); }
.gf-wordmark .second { color: var(--dusk-light); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}