/* funGlot colours ("Night Ink + Voice Ring"). Voices sit on ink; on light backgrounds use the -text versions for text. */
:root {
  --ink: #1B1E3C; /* Ink: Primary. The symbol’s tile, dark surfaces, headings and text on light (16.18:1 on white). */
  --ink-2: #262A50; /* Ink 2: Raised surfaces on ink: cards, panels; the tile of the reversed logo. */
  --ink-3: #32376A; /* Ink 3: Highest surfaces on ink: inputs, hover states, code. */
  --cream: #FAF6EF; /* Cream: The paper: light background, text on ink and the learner dot. Never pure white. */
  --stone: #6B6660; /* Stone: Secondary text on light (5.68:1 on white). */
  --near-black: #14161F; /* Near-black: Body text on light where ink feels too blue. */
  --coral: #FF6B57; /* Coral: Voice 1, at the top of the ring. */
  --saffron: #F5B841; /* Saffron: Voice 2. */
  --jade: #2DB59B; /* Jade: Voice 3. */
  --sky: #5B9BFF; /* Sky: Voice 4, at the bottom of the ring. */
  --orchid: #B38BF0; /* Orchid: Voice 5. One of six, never dominant. */
  --rose: #F06E9E; /* Rose: Voice 6. */
  --coral-text: #C9402D; /* Coral text: Accents and calls to action on light (4.94:1 on white). */
  --jade-text: #0F7A67; /* Jade text: Success and confirmations on light (5.25:1 on white). */
  --sky-text: #2459C7; /* Sky text: Links on light (6.31:1 on white). */
  --line-on-ink: rgba(250, 246, 239, 0.10); /* Hairlines on ink */
  --line-strong-on-ink: rgba(250, 246, 239, 0.18); /* Borders on ink */
  --wash-on-ink: rgba(250, 246, 239, 0.06); /* Hover and selected on ink */
  --line-on-cream: rgba(27, 30, 60, 0.10); /* Hairlines on cream */
  --line-strong-on-cream: rgba(27, 30, 60, 0.20); /* Borders on cream */
  --wash-on-cream: rgba(27, 30, 60, 0.05); /* Hover and selected on cream */
}