:root{
  /* ---- Base: near-black, cooled toward teal ---- */
  --ap-black:#04070a;
  --ap-ink-900:#060b10;
  --ap-ink-800:#0a1218;
  --ap-ink-700:#101b22;
  --ap-ink-600:#18262f;

  /* ---- Mint: the single brand accent ---- */
  --ap-mint-050:#eafffb;
  --ap-mint-100:#a5f3e4;
  --ap-mint-200:#7ff0dc;
  --ap-mint-300:#5eead4;
  --ap-mint-400:#2dd4bf;
  --ap-mint-500:#14b8a6;
  --ap-mint-600:#0d9488;
  --ap-mint-700:#0f766e;
  --ap-mint-900:#0e3a4a;

  /* ---- Glass: white at low alpha over the dark base ---- */
  --ap-glass-02:rgba(255,255,255,.02);
  --ap-glass-04:rgba(255,255,255,.04);
  --ap-glass-06:rgba(255,255,255,.06);
  --ap-glass-09:rgba(255,255,255,.09);
  --ap-glass-12:rgba(255,255,255,.12);
  --ap-glass-18:rgba(255,255,255,.18);
  --ap-mint-glass:rgba(20,184,166,.12);
  --ap-mint-glass-strong:rgba(20,184,166,.20);

  /* ---- Text on dark ---- */
  --ap-text-100:#ffffff;
  --ap-text-80:rgba(255,255,255,.80);
  --ap-text-62:rgba(255,255,255,.62);
  --ap-text-45:rgba(255,255,255,.45);
  --ap-text-28:rgba(255,255,255,.28);

  /* ---- Status ---- */
  --ap-success:#5eead4;
  --ap-success-soft:rgba(94,234,212,.15);
  --ap-warning:#fde047;
  --ap-warning-soft:rgba(253,224,71,.15);
  --ap-danger:#fb7185;
  --ap-danger-soft:rgba(251,113,133,.15);
  --ap-info:#7dd3fc;
  --ap-info-soft:rgba(125,211,252,.15);

  /* ---- Semantic aliases: use these in product code ---- */
  --surface-page:var(--ap-ink-900);
  --surface-deep:var(--ap-black);
  --surface-raised:var(--ap-ink-800);
  --surface-glass:var(--ap-glass-04);
  --surface-glass-hover:var(--ap-glass-06);
  --surface-accent:var(--ap-mint-300);
  --surface-accent-soft:var(--ap-mint-glass);

  --text-primary:var(--ap-text-100);
  --text-secondary:var(--ap-text-62);
  --text-tertiary:var(--ap-text-45);
  --text-disabled:var(--ap-text-28);
  --text-accent:var(--ap-mint-300);
  --text-on-accent:#04211d;
  --text-link:var(--ap-mint-300);
  --text-link-hover:var(--ap-mint-100);

  --border-glass:var(--ap-glass-09);
  --border-glass-strong:var(--ap-glass-18);
  --border-accent:rgba(94,234,212,.35);

  --action-accent:var(--ap-mint-300);
  --action-accent-hover:var(--ap-mint-200);
  --action-accent-press:var(--ap-mint-400);
  --action-accent-text:#04211d;
  --focus-ring:var(--ap-mint-300);
}