:root{
/* ── Pearl — the only colour ───────────────────────────────────
   Lilac-mist, champagne and pale sky, held in a soft field. Pearl is ALWAYS
   blurred or diffused: never a flat block, never a fill behind text, never a
   border, never an icon colour. Type is ink; colour is atmosphere.
   The one exception is --pearl-text, clipped to type for ONE word or number
   per screen, maximum. */
--pearl-lilac:#A48FD8;  /* @kind color */
--pearl-champagne:#E9C4A3;  /* @kind color */
--pearl-sky:#93B2DB;  /* @kind color */
--pearl-lilac-soft:#DCD4F2;  /* @kind color */
--pearl-champagne-soft:#F7E6D6;  /* @kind color */
--pearl-sky-soft:#D3E1F2;  /* @kind color */

/* Default field — porcelain with three diffused blooms. Use as background-image. */
--pearl-wash:radial-gradient(54% 76% at 14% 24%,rgba(164,143,216,0.50) 0%,rgba(164,143,216,0) 70%),radial-gradient(48% 70% at 76% 20%,rgba(233,196,163,0.52) 0%,rgba(233,196,163,0) 72%),radial-gradient(62% 84% at 54% 92%,rgba(147,178,219,0.46) 0%,rgba(147,178,219,0) 74%),linear-gradient(var(--porcelain-1),var(--porcelain-1));  /* @kind color */

/* Dials, not new directions. */
--pearl-wash-warm:radial-gradient(56% 78% at 20% 26%,rgba(233,196,163,0.62) 0%,rgba(233,196,163,0) 72%),radial-gradient(50% 72% at 78% 30%,rgba(164,143,216,0.34) 0%,rgba(164,143,216,0) 74%),linear-gradient(var(--porcelain-1),var(--porcelain-1));  /* @kind color */
--pearl-wash-cool:radial-gradient(58% 80% at 24% 28%,rgba(147,178,219,0.62) 0%,rgba(147,178,219,0) 72%),radial-gradient(48% 70% at 74% 24%,rgba(164,143,216,0.32) 0%,rgba(164,143,216,0) 74%),linear-gradient(var(--porcelain-1),var(--porcelain-1));  /* @kind color */
--pearl-off:linear-gradient(var(--porcelain-1),var(--porcelain-1));  /* @kind color */

/* Pearl on night, for inverse sections. */
--pearl-wash-night:radial-gradient(56% 78% at 18% 22%,rgba(164,143,216,0.42) 0%,rgba(164,143,216,0) 72%),radial-gradient(52% 74% at 80% 26%,rgba(233,196,163,0.30) 0%,rgba(233,196,163,0) 74%),radial-gradient(64% 86% at 52% 96%,rgba(147,178,219,0.34) 0%,rgba(147,178,219,0) 76%),linear-gradient(var(--night),var(--night));  /* @kind color */

/* Gradient-clipped type. One word or number per screen. */
--pearl-text:linear-gradient(96deg,var(--pearl-lilac) 0%,var(--pearl-champagne) 52%,var(--pearl-sky) 100%);  /* @kind color */

/* Pearl rendered as an element rather than a gradient must carry this blur. */
--pearl-blur:blur(48px);  /* @kind other */
}