/* AZR · Color tokens — REBUILT from the studio's real palette (gallery.html v.02
   + landing page). 60/30/8/2 system. The orange #E8530E is replaced by the
   soft lavender the studio actually used in the landing page: rgb(150,123,182)
   = #967BB6. No more saturated #5B3CC4. Ink is the warm navy #0A1628. */
:root{
  /* ── Foundations · 60% (warm paper + navy ink) */
  --cream:#F2EDE3;       /* main background */
  --paper:#FBF7EE;       /* lifted surface */
  --paper-2:#F4EFE5;     /* secondary warm bg (landing) */
  --ink:#0A1628;         /* main text · navy ink */
  --ink-deep:#050B14;    /* deepest navy background */
  --ink-warm:#1B1815;    /* warm ink (landing body) */
  --mut:#6B5E47;         /* warm muted text */
  --mut-2:#7A7268;       /* secondary muted */
  --rule:#D8CFB8;        /* hairline on paper */

  /* ── Brand · 30% — AZR soft lavender (was orange). Anchor = p-500 #967BB6 */
  --p50:#F3EFF7;
  --p100:#E6DEEE;
  --p200:#D3C6E0;
  --p300:#BEAACF;
  --p400:#AB93C2;
  --p500:#967BB6;  /* ★ AZR accent — the studio's real landing-page purple */
  --p600:#7C6199;
  --p700:#614A78;
  --p800:#473658;
  --p900:#2D2238;
  --azr:var(--p500);
  --azr-deep:var(--p700);
  --azr-soft:var(--p200);

  /* ── Concept color · 8% — chosen at the START of each project, derived from
     the concept itself (not a fixed sector list). Set --concept (+ optional
     --concept-deep / --concept-soft) at the project root; defaults fall back to
     AZR purple so the system always renders. */
  --concept:var(--p500);       /* @kind color */
  --concept-deep:var(--p700);  /* @kind color */
  --concept-soft:var(--p200);  /* @kind color */

  /* ── Helper · 2% */
  --mute-soft:#C9C2B5;
  --mute:#6B6256;
  --alert:#BE2C2C;
  --success:#1A8C5C;

  /* ── Semantic aliases */
  --surface-page:var(--cream);
  --surface-card:var(--paper);
  --surface-dark:var(--ink);
  --surface-deepest:var(--ink-deep);
  --text-body:var(--ink);
  --text-muted:var(--mut);
  --text-on-dark:var(--paper);
  --text-on-dark-muted:rgba(251,247,238,.6);
  --accent:var(--azr);
  --accent-soft:var(--azr-soft);
  --border-rule:var(--rule);
  --border-rule-dark:rgba(251,247,238,.12);
  --note-bg:rgba(150,123,182,.08);
}