/* Cordish Group — Color tokens
   Purple leads. Teal and gold are restrained accents.
   Navy is reserved for dark emphasis (about one section in five). */
:root {
  /* ── Brand core ─────────────────────────────── */
  --cd-purple:        #512982; /* primary — headers, key fills, default chips */
  --cd-gold:          #B4832E; /* accent — section underlines, secondary chips */
  --cd-teal:          #346771; /* accent — tertiary, third-item color */
  --cd-navy:          #15202D; /* dark emphasis backgrounds */

  /* ── Purple ramp (tints of primary) ─────────── */
  --cd-purple-900:    #2E174A;
  --cd-purple-700:    #3F2065;
  --cd-purple-600:    #512982; /* base */
  --cd-purple-400:    #7A55A3;
  --cd-purple-200:    #C9B6E6;
  --cd-purple-100:    #EDE7F4; /* soft fill (chips, quiet panels) */
  --cd-purple-50:     #F7F4FB; /* section-ground tint (near white) */

  /* ── Gold ramp ──────────────────────────────── */
  --cd-gold-700:      #8C6322;
  --cd-gold-600:      #B4832E; /* base */
  --cd-gold-300:      #D9B779;
  --cd-gold-100:      #F4EDDD; /* soft fill (chips, quiet panels) */
  --cd-gold-50:       #FBF7EF; /* section-ground tint (near white) */

  /* ── Teal ramp ──────────────────────────────── */
  --cd-teal-700:      #274F57;
  --cd-teal-600:      #346771; /* base */
  --cd-teal-300:      #7EA7AD;
  --cd-teal-100:      #E2ECEB; /* soft fill (chips, quiet panels) */
  --cd-teal-50:       #F1F7F6; /* section-ground tint (near white) */

  /* ── Neutrals ───────────────────────────────── */
  --cd-ink:           #262626; /* body text */
  --cd-muted:         #6B6B6B; /* sub-labels, captions */
  --cd-line:          #E3E3E8; /* hairline borders */
  --cd-ground:        #F5F5F5; /* light page ground */
  --cd-white:         #FFFFFF; /* card surfaces */

  /* ── Semantic aliases ───────────────────────── */
  --cd-primary:       var(--cd-purple);
  --cd-accent:        var(--cd-gold);
  --cd-accent-2:      var(--cd-teal);

  --surface-page:     var(--cd-ground);
  --surface-card:     var(--cd-white);
  --surface-dark:     var(--cd-navy);
  --surface-soft:     var(--cd-purple-100);

  /* Section-ground tints: near-white washes for flowing section rhythm.
     Use these (not the -100 fills) behind whole sections. */
  --section-tint-purple: var(--cd-purple-50);
  --section-tint-teal:   var(--cd-teal-50);
  --section-tint-gold:   var(--cd-gold-50);

  --text-heading:     var(--cd-ink);
  --text-body:        var(--cd-ink);
  --text-muted:       var(--cd-muted);
  --text-on-dark:     #FFFFFF;
  --text-on-dark-muted: #B9C2CC;
  --text-accent:      var(--cd-purple);

  --border-hairline:  var(--cd-line);
  --border-on-dark:   #2C3A48;

  --focus-ring:       var(--cd-purple-400);
}