:root{
/* ---- base palette: ink (the board) ---- */
--ink-900:#0B0C13;
--ink-800:#11121C;
--ink-700:#181A26;
--ink-600:#202333;
--ink-500:#2C3043;
--ink-400:#3D4257;
--ink-300:#565C75;
--ink-200:#8A90A8;
--ink-100:#B9BECF;

/* ---- base palette: paper (torn notebook, stickers) ---- */
--paper-100:#FFFDF7;
--paper-200:#F4EEDF;
--paper-300:#E4DAC4;
--paper-400:#CBBEA3;

/* ---- brand accents ---- */
--lime-600:#A8CC12;
--lime-500:#C4EA1E;
--lime-400:#D9FF3A;
--lime-300:#E8FF7E;
--lime-100:#F4FFC4;

--cobalt-600:#2F4BD1;
--cobalt-500:#4E6DF5;
--cobalt-400:#7C93FF;
--cobalt-100:#DCE3FF;

--tangerine-600:#D45B12;
--tangerine-500:#F0762B;
--tangerine-400:#FF9553;
--tangerine-100:#FFE2CE;

--grape-500:#B07CF0;
--grape-400:#C9A2FF;

--white:#FFFFFF;
--black:#000000;

/* ---- semantic: surfaces ---- */
--surface-app:var(--ink-800);
--surface-raised:var(--ink-700);
--surface-card:var(--ink-600);
--surface-inset:var(--ink-900);
--surface-paper:var(--paper-200);
--surface-invert:var(--lime-400);
--surface-overlay:rgba(11,12,19,.72);
--surface-scrim:rgba(11,12,19,.88);

/* ---- semantic: text ---- */
--text-strong:var(--paper-100);
--text-body:var(--ink-100);
--text-muted:var(--ink-200);
--text-faint:var(--ink-300);
--text-on-lime:var(--ink-900);
--text-on-paper:var(--ink-900);
--text-link:var(--lime-400);
--text-link-hover:var(--lime-300);

/* ---- semantic: interactive ---- */
--action-primary:var(--lime-400);
--action-primary-hover:var(--lime-300);
--action-primary-press:var(--lime-500);
--action-secondary:var(--cobalt-500);
--action-secondary-hover:var(--cobalt-400);
--action-ghost-hover:rgba(217,255,58,.10);

/* ---- semantic: lines ---- */
--line-hairline:rgba(255,253,247,.08);
--line-soft:rgba(255,253,247,.14);
--line-strong:rgba(255,253,247,.28);
--line-ink:var(--ink-900);

/* ---- semantic: status ---- */
--status-live:var(--lime-400);
--status-soon:var(--tangerine-500);
--status-full:var(--ink-200);
--status-going:var(--cobalt-500);
--status-danger:#FF5470;
--status-danger-soft:rgba(255,84,112,.16);

/* ---- sticker category colors (interest tags) ---- */
--sticker-1:var(--lime-400);
--sticker-2:var(--cobalt-500);
--sticker-3:var(--tangerine-500);
--sticker-4:var(--paper-200);
--sticker-5:var(--grape-500);

/* ---- focus ---- */
--focus-ring:var(--lime-400);
--focus-ring-offset:var(--ink-800);
}