:root{
/* --- Base: ink (the brand is black-first) --- */
--ink-0:#000000;
--ink-1:#0a0c0c;
--ink-2:#121616;
--ink-3:#1b2020;
--ink-4:#252c2c;
--ink-5:#394242;

/* --- Base: paper (white-first type) --- */
--paper-0:#ffffff;
--paper-1:#eef2f2;
--paper-2:#c3cccc;
--paper-3:#8d9a9a;
--paper-4:#5e6a6a;

/* --- Brand: teal. #12cbc4 is the signature. --- */
--teal-100:#d3f7f5;
--teal-200:#8bece8;
--teal-300:#43dcd6;
--teal-400:#12cbc4; /* signature */
--teal-500:#0da39d;
--teal-600:#087a76;
--teal-700:#05504e;

/* --- Semantic status --- */
--signal-positive:#3ddc84;
--signal-caution:#ffc857;
--signal-critical:#ff5f56;
--signal-info:var(--teal-400);

/* --- Aliases: surfaces --- */
--surface-page:var(--ink-0);
--surface-raised:var(--ink-1);
--surface-card:var(--ink-2);
--surface-inset:var(--ink-3);
--surface-hover:var(--ink-3);
--surface-invert:var(--paper-0);
--surface-accent:var(--teal-400);
--surface-accent-soft:rgba(18,203,196,.12);
--surface-scrim:rgba(0,0,0,.72);
--surface-glass:rgba(18,22,22,.66);

/* --- Aliases: text --- */
--text-heading:var(--paper-0);
--text-body:var(--paper-1);
--text-muted:var(--paper-3);
--text-faint:var(--paper-4);
--text-accent:var(--teal-400);
--text-on-accent:var(--ink-0);
--text-on-invert:var(--ink-0);

/* --- Aliases: lines --- */
--line-hairline:rgba(255,255,255,.08);
--line-soft:rgba(255,255,255,.14);
--line-strong:rgba(255,255,255,.28);
--line-accent:var(--teal-400);

/* --- Aliases: focus --- */
--focus-ring:0 0 0 3px rgba(18,203,196,.45);
}