/* David Personal Brand 26 — color tokens ("Iridescent" direction) */
:root {
  /* Ink & text */
  --ink: #0d0d1a;                /* headlines, primary buttons */
  --text-body: #3c3c56;          /* body copy */
  --text-muted: #6b6b85;         /* captions, secondary */
  --text-on-accent: #ffffff;
  --text-on-dark: #ffffff;

  /* Iridescent accent triad */
  --violet: #7c3aed;             /* primary accent */
  --magenta: #d946ef;
  --cyan: #06b6d4;

  /* Soft mesh stops (backgrounds only, never text) */
  --violet-soft: #e9d5ff;
  --cyan-soft: #a5f3fc;
  --pink-soft: #fbcfe8;

  /* Surfaces & borders */
  --surface-page: #ffffff;       /* always white base, light only */
  --surface-tint: #f4f2ff;       /* lavender panel */
  --surface-card: #ffffff;
  --border: #e4e1f5;
  --border-strong: #c9c3ec;

  /* Semantic */
  --success: #0e9f6e;
  --warning: #d97706;
  --danger: #e11d48;
  --success-soft: #e2f6ee;   /* correct-answer fills */
  --danger-soft: #fdeaef;    /* incorrect-answer fills */

  /* E-learning navigation states */
  --nav-next: #7c3aed;       /* recommended next — violet, gradient ring */
  --nav-clickable: #0d0d1a;  /* available — ink text, hairline border */
  --nav-visited: #6b6b85;    /* visited — muted text + check */
  --nav-locked: #b8b5cc;     /* locked — dimmed text + lock pictogram */
  --nav-locked-bg: #f7f6fb;

  /* Gradients */
  --gradient-brand: linear-gradient(90deg, #7c3aed, #d946ef, #06b6d4); /* @kind other */
  --gradient-mesh:
    radial-gradient(120% 140% at 15% 0%, #e9d5ff 0%, transparent 50%),
    radial-gradient(120% 140% at 90% 10%, #a5f3fc 0%, transparent 55%),
    radial-gradient(140% 120% at 60% 110%, #fbcfe8 0%, transparent 55%),
    #f4f2ff; /* @kind other */

  /* Glass (over mesh backgrounds only) */
  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.9);
}