/* Unison.church design tokens — docs/unison/SPEC.md UD-3.
 *
 * Token NAMES follow the family convention (Maintain precedent: keep the
 * --teal* names for diff stability); VALUES are Unison deep green, claimed
 * in the .Church Spectrum Dot hue registry (dot-church-style-guide.html).
 *
 * Accessibility covenant (SPEC §1.5): 16px+ base type, ≥44px primary
 * targets, visible focus everywhere. Those live here as tokens so every
 * future stylesheet inherits them.
 */
:root {
  /* brand — steel… er, GREEN mapping (UD-3) */
  --teal:         #2e7d5b;  /* accent: borders, icons, links, tints */
  --teal-dark:    #1f5a40;  /* action fill — white text sits here (~8.1:1) */
  --teal-darker:  #194a34;  /* action hover */
  --teal-light:   #e9f4ee;  /* tint */
  --teal-bright:  #43a47c;  /* gradient start; gradients end at --teal-dark */

  /* family neutrals */
  --bg:        #f2f1ec;     /* warm off-white — never pure white as app bg */
  --card:      #ffffff;
  --ink:       #22302a;
  --ink-soft:  #57675f;
  --line:      #e3e1d8;

  /* status */
  --amber:       #9a4a08;
  --amber-light: #fdf3e7;
  --red:         #b3402f;
  --red-light:   #fbeeec;

  /* shape */
  --radius: 14px;
  --shadow: 0 1px 3px rgba(34, 48, 42, .07), 0 4px 14px rgba(34, 48, 42, .05);

  /* accessibility covenant */
  --tap-min: 44px;
  --font-base: 16px;
}

/* high-contrast mode — toggled as body.hc by the a11y bar */
body.hc {
  --ink: #0c1210;
  --ink-soft: #2e3a34;
  --line: #8a887e;
  --bg: #ffffff;
  --card: #ffffff;
  --teal-light: #d7ebe0;
  --shadow: none;
}

/* visible focus, always — never outline:none on this surface */
:focus-visible {
  outline: 3px solid var(--teal);
  outline-offset: 2px;
  border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}