/* ==========================================================================
   The Ballet Centre — Design Tokens v2
   3 Departments (client-fixed anchor colours). Programmes explore the
   SPECTRUM around each anchor — neighbouring hues, not white tints.
   Each department owns an arc of the colour wheel:
     Dance  → pink/magenta arc (rose → magenta → orchid)
     Music  → purple arc, a "register ladder" (bright vocal → deepest orchestra)
     Taekwondo → indigo
   ========================================================================== */

:root{
  /* ---- Base ---- */
  --white:#FFFFFF;          /* page background — always pure white */
  --ink:#1A1122;            /* warm plum-black */
  --ink-soft:#4A3F58;       /* secondary text */
  --muted:#8B819B;          /* tertiary */
  --line:#EDE9F2;           /* hairlines */
  --wa:#11833E;             /* WhatsApp green, darkened to pass WCAG AA.
                               Was #1FAF57, which gave only 2.87:1 against
                               white and failed AA on the floating action.
                               #11833E gives 4.84:1. Do not lighten it. */

  /* ---- Department anchors (client-fixed) ---- */
  --dance: rgb(199, 36, 177);    /* #C724B1 */
  --tkd:   rgb(79, 70, 229);     /* #4F46E5 */
  --music: rgb(162, 28, 175);    /* #A21CAF */

  /* ---- Dance programmes — pink/magenta arc ---- */
  --p-ballet:#C724B1;   /* anchor magenta   */
  --p-tap:#E23A78;      /* warm rose        */
  --p-modern:#B03BE3;   /* bright orchid    */

  /* ---- Music programmes — the register ladder (bright → deep) ---- */
  --p-vocal:#C337CE;      /* brightest — the voice     */
  --p-piano:#A21CAF;      /* anchor                    */
  --p-guitar:#8B29D9;     /* violet                    */
  --p-violin:#7223C9;     /* deep violet               */
  --p-drums:#5B21A8;      /* plum — the low end        */
  --p-orchestra:#46186F;  /* deepest — the full house  */

  /* ---- Taekwondo ---- */
  --p-taekwondo:#4F46E5;
  --tkd-deep:#3A32B5;

  /* ---- Department darks (panel text/hover) ---- */
  --dance-deep:#8F1080;
  --music-deep:#6E1277;

  /* ---- Soft surfaces (very light dept tints, backgrounds only) ---- */
  --dance-soft:#FBEFF8;
  --music-soft:#F8EFFA;
  --tkd-soft:#F0F0FC;
  --paper-soft:#F8F6FA;

  /* ---- Type ---- */
  --f-display:'Zodiak',Georgia,serif;
  --f-body:'Switzer',-apple-system,sans-serif;

  /* ---- Shape ---- */
  --r-sm:12px; --r-md:18px; --r-lg:26px; --r-xl:34px;
  --shadow-tight:0 2px 10px rgba(26,17,34,.08);
}