/* Altered Capital — colour system.
   Source of truth: uploads/Altered Capital Colour Palette.pdf (4 named hexes)
   plus the mid orchid sampled from the palette artwork. */
:root{
  /* Brand base ------------------------------------------------- */
  --ink-900:#0D030F;      /* PDF "background" */
  --plum-700:#45244F;     /* PDF "Primary" */
  --orchid-500:#B764C7;   /* sampled from palette artwork */
  --lilac-300:#E3B2FF;    /* PDF "Secondary" */
  --bone-50:#FFFFF4;      /* PDF "Background recessive" */

  /* Derived steps ---------------------------------------------- */
  --ink-950:#070209;
  --ink-800:#150720;
  --plum-800:#2A1332;
  --plum-600:#5C3568;
  --plum-500:#7A4A88;
  --orchid-600:#9C4EAE;
  --orchid-400:#CD96E7;
  --lilac-200:#F1DAFF;
  --bone-100:#F7F4E7;
  --bone-200:#EDE8D8;
  --mute-400:#C3B0CC;
  --mute-500:#8C7A96;
  --mute-600:#5C4A64;

  /* Semantic — surfaces ---------------------------------------- */
  --surface-page:var(--ink-900);
  --surface-raised:var(--ink-800);
  --surface-card:rgba(227,178,255,0.05);
  --surface-primary:var(--plum-700);
  --surface-accent:var(--lilac-300);
  --surface-recessive:var(--bone-50);
  --surface-recessive-alt:var(--bone-100);
  --surface-overlay:rgba(13,3,15,0.72);

  /* Semantic — text -------------------------------------------- */
  --text-body:var(--bone-50);
  --text-secondary:var(--mute-400);
  --text-tertiary:var(--mute-500);
  --text-accent:var(--lilac-300);
  --text-on-light:var(--ink-900);
  --text-on-light-secondary:var(--mute-600);
  --text-on-accent:var(--ink-900);

  /* Semantic — borders ----------------------------------------- */
  --border-subtle:rgba(227,178,255,0.14);
  --border-strong:rgba(227,178,255,0.32);
  --border-accent:var(--lilac-300);
  --border-on-light:rgba(13,3,15,0.12);

  /* Semantic — interactive ------------------------------------- */
  --action-primary-bg:var(--lilac-300);
  --action-primary-fg:var(--ink-900);
  --action-primary-bg-hover:var(--lilac-200);
  --action-secondary-bg:transparent;
  --action-secondary-fg:var(--bone-50);
  --action-secondary-border:var(--border-strong);
  --action-secondary-bg-hover:rgba(227,178,255,0.10);
  --action-disabled-fg:var(--mute-500);

  /* Semantic — status (derived; not in the source palette) ------ */
  --status-positive:#7FCBA4;
  --status-caution:#E0B978;
  --status-negative:#E4879B;
  --status-neutral:var(--mute-400);

  /* Light-mode block: sections set on --surface-recessive ------- */
  --focus-ring:var(--orchid-500);
  --glow-orchid:radial-gradient(60% 80% at 30% 50%,rgba(183,100,199,0.55),rgba(13,3,15,0) 70%); /* @kind other */
  --scrim-bottom:linear-gradient(to top,rgba(13,3,15,0.92),rgba(13,3,15,0) 70%); /* @kind other */
}
.on-light{
  --text-body:var(--text-on-light);
  --text-secondary:var(--text-on-light-secondary);
  --text-tertiary:var(--mute-500);
  --text-accent:var(--plum-700);
  --border-subtle:var(--border-on-light);
  --border-strong:rgba(13,3,15,0.24);
  --surface-card:rgba(13,3,15,0.03);
  --action-primary-bg:var(--plum-700);
  --action-primary-fg:var(--bone-50);
  --action-primary-bg-hover:var(--plum-600);
  --action-secondary-fg:var(--ink-900);
  --action-secondary-border:rgba(13,3,15,0.24);
  --action-secondary-bg-hover:rgba(13,3,15,0.06);
  background:var(--surface-recessive);
  color:var(--text-body);
}