:root{
  /* — base ramp: warm stone / ink — */
  --ink-950:#0c0a09;
  --ink-900:#1c1917;
  --ink-800:#292524;
  --ink-600:#4e4e4e;
  --ink-500:#777169;
  --ink-400:#a8a29e;
  --stone-300:#d6d3d1;
  --stone-200:#e7e5e4;
  --stone-100:#f0efed;
  --stone-50:#f5f5f5;
  --stone-25:#fafafa;
  --white:#ffffff;

  /* — atmospheric gradient stops (decoration only) — */
  --grad-mint:#a7e5d3;
  --grad-peach:#f4c5a8;
  --grad-lavender:#c8b8e0;
  --grad-sky:#a8c8e8;
  --grad-rose:#e8b8c4;

  /* — raw semantic hues — */
  --green-600:#16a34a;
  --red-600:#dc2626;

  /* — action — */
  --color-primary:var(--ink-800);
  --color-primary-active:var(--ink-950);

  /* — text — */
  --text-ink:var(--ink-950);
  --text-body:var(--ink-600);
  --text-body-strong:var(--ink-800);
  --text-muted:var(--ink-500);
  --text-muted-soft:var(--ink-400);
  --text-on-primary:var(--white);
  --text-on-dark:var(--white);
  --text-on-dark-soft:var(--ink-400);

  /* — surfaces — */
  --surface-canvas:var(--stone-50);
  --surface-canvas-soft:var(--stone-25);
  --surface-canvas-deep:var(--ink-950);
  --surface-card:var(--white);
  --surface-strong:var(--stone-100);
  --surface-dark:var(--ink-950);
  --surface-dark-elevated:var(--ink-900);

  /* — hairlines — */
  --border-hairline:var(--stone-200);
  --border-hairline-soft:var(--stone-100);
  --border-hairline-strong:var(--stone-300);
  --border-on-dark:rgba(255,255,255,0.12);

  /* — semantic — */
  --color-success:var(--green-600);
  --color-error:var(--red-600);

  /* — atmosphere: ready-made orb blooms — */
  --orb-mint:radial-gradient(circle at 50% 50%, rgba(167,229,211,0.55) 0%, rgba(167,229,211,0.18) 45%, rgba(167,229,211,0) 70%); /* @kind color */
  --orb-peach:radial-gradient(circle at 50% 50%, rgba(244,197,168,0.55) 0%, rgba(244,197,168,0.18) 45%, rgba(244,197,168,0) 70%); /* @kind color */
  --orb-lavender:radial-gradient(circle at 50% 50%, rgba(200,184,224,0.55) 0%, rgba(200,184,224,0.18) 45%, rgba(200,184,224,0) 70%); /* @kind color */
  --orb-sky:radial-gradient(circle at 50% 50%, rgba(168,200,232,0.55) 0%, rgba(168,200,232,0.18) 45%, rgba(168,200,232,0) 70%); /* @kind color */
  --orb-rose:radial-gradient(circle at 50% 50%, rgba(232,184,196,0.55) 0%, rgba(232,184,196,0.18) 45%, rgba(232,184,196,0) 70%); /* @kind color */
}