/* MDIL — color tokens.
   Source of truth: MDIL × Kolster partner deck (June 2026) + code.mdil.ai
   presentation. Dark-first system: pure black page, violet-black surfaces,
   purple brand, crimson accent. */
:root {
  /* ── Surfaces ─────────────────────────────────────── */
  --bg: #000000;            /* primary background */
  --bg-deep: #06010A;       /* section dividers, deep panes, app bars */
  --bg-card: #0E0712;       /* card surfaces, slide panels */
  --bg-card-2: #150B1D;     /* raised / hover card surface */
  --bg-well: #0A050E;       /* inset wells: text boxes, code panes */
  --lilac-bg: #F2EAF8;      /* light-themed sub-panes (rare) */

  /* ── Ink (text on dark) ───────────────────────────── */
  --ink: #FFFFFF;                       /* primary text, strong emphasis */
  --ink-soft: #EFE3F8;                  /* secondary text, sub-headings */
  --ink-faint: rgba(251, 246, 254, .62); /* tertiary text, descriptions */
  --ink-mute: rgba(239, 227, 248, .40);  /* labels, chrome, captions */
  --ink-dim: rgba(239, 227, 248, .26);   /* disabled, ghost marks */

  /* ── Brand (purple — the ∞ mark) ──────────────────── */
  --brand: #A100FF;                     /* logo, primary highlights, fills */
  --brand-2: #C36BFF;                   /* lighter purple: kickers, em text */
  --brand-dim: rgba(161, 0, 255, .16);  /* tints, selected states */
  --brand-glow: rgba(161, 0, 255, .13); /* background radial glows */

  /* ── Accent (crimson — emphasis & trust line) ─────── */
  --accent: #C8283C;
  --accent-2: #E66072;                  /* crimson on dark text */
  --accent-soft: rgba(200, 40, 60, .16);
  --accent-dim: rgba(200, 40, 60, .60); /* trust-line dotted divider */

  /* ── Semantic ─────────────────────────────────────── */
  --amber: #D98A2B;                     /* warnings, TO-CONFIRM flags */
  --amber-2: #F2C98A;                   /* amber text on dark */
  --amber-soft: rgba(176, 102, 10, .18);
  --amber-line: rgba(217, 138, 43, .38);
  --success: #1E8A55;                   /* confirmation banners */
  --success-2: #7FD6A8;                 /* green text on dark */
  --success-dot: #34C77B;               /* check marks, live dots */
  --success-soft: rgba(30, 138, 85, .16);
  --success-line: rgba(30, 138, 85, .42);
  --info: #7E9BFF;                      /* info banner dot */
  --info-2: #C6D4FF;                    /* info banner text */
  --info-soft: rgba(40, 60, 120, .18);
  --info-line: rgba(120, 150, 230, .28);

  /* ── Hairlines ────────────────────────────────────── */
  --hair: rgba(255, 255, 255, .10);
  --hair-2: rgba(255, 255, 255, .055);

  /* ── Semantic aliases ─────────────────────────────── */
  --surface-page: var(--bg);
  --surface-card: var(--bg-card);
  --surface-deep: var(--bg-deep);
  --text-heading: var(--ink);
  --text-body: var(--ink-soft);
  --text-caption: var(--ink-faint);
  --text-label: var(--ink-mute);
  --line-default: var(--hair);
  --line-subtle: var(--hair-2);
  --line-trust: var(--accent-dim);
}