/* ── Önd Ventures · Color ────────────────────────────────────
   Deep teal is the primary brand colour ("breath of life" ground),
   gold is the single accent, on a warm paper/off-white base.
   Palette is warm and calm — never neon, never cool-grey.

   Accessibility: every token pairing used for text meets WCAG AA (4.5:1) at
   normal size. Two values were corrected at apex-v3.6 — --muted-on-teal and
   --text-eyebrow — after both were measured failing at the sizes they are
   actually used at. Bind to semantic role names, never base names: role names
   survive a palette change, palette names do not.
   ---------------------------------------------------------------- */

:root {
  /* ── Brand — base values ── */
  --teal:        #1A5E63;  /* primary brand teal */
  --teal-deep:   #164F53;  /* darker teal — hero gradient floor, hover */
  --teal-accent: #2A9199;  /* brighter teal — large display only; 3.74:1 on white,
                              so NOT for small text or labels. See --text-eyebrow. */
  --gold:        #C8A24A;  /* the single accent — dots, arrows, gold btn */
  --gold-deep:   #BB9540;  /* gold hover */

  --charcoal:    #2A2E33;  /* body ink on paper */
  --paper:       #F6F3EC;  /* primary page ground (warm off-white) */
  --cream:       #F3EFE4;  /* secondary ground / cards on teal bands */
  --white:       #FFFFFF;  /* cards, button ink */

  /* Ink used on top of teal surfaces */
  --ink-on-teal:   #EAF1EF;  /* body text on teal */
  --muted-on-teal: #B8CFCB;  /* muted text/labels on teal — 4.54:1 on --teal,
                                5.63:1 on --teal-deep. Was #9FBEB9 (3.73:1, failed AA
                                for normal text); corrected at apex-v3.6. */

  /* Supporting greys (derived, warm) */
  --muted:       #54585E;  /* secondary body on paper */
  --muted-soft:  #6B6F74;  /* footer / italic name-story */

  /* ── Semantic aliases ── */
  --text-heading:     var(--teal);
  --text-body:        var(--charcoal);
  --text-muted:       var(--muted);
  --text-eyebrow:     var(--teal);          /* 7.43:1 on white, 6.47:1 on cream.
                                               Was var(--teal-accent) — 3.74:1 on white,
                                               3.26:1 on cream; failed AA at eyebrow sizes.
                                               Corrected at apex-v3.6. */
  --text-link:        var(--teal);
  --text-link-hover:  var(--teal-deep);
  --accent:           var(--gold);

  --surface-page:     var(--paper);
  --surface-card:     var(--white);
  --surface-card-alt: var(--cream);
  --surface-band:     var(--teal);

  --border-hairline:  rgba(42, 46, 51, 0.07);  /* header/footer rules */
  --border-card:      rgba(42, 46, 51, 0.05);  /* card outline */
  --focus-ring:       var(--gold);
}