:root{
/* base palette — exact values from the Portfolio.fig source */
--lime-500:rgb(156,198,3);
--lime-100:rgb(239,253,244);
--lavender-400:rgb(178,146,255);
--blush-100:rgb(248,241,241);
--mint-50:rgb(246,247,243);
--mint-50-alt:rgb(246,247,241);
--ink-900:rgb(0,0,0);
--ink-800:rgb(19,19,19);
--ink-700:rgb(38,39,39);
--ink-600:rgb(50,50,50);
--ink-500:rgb(96,96,96);
--ink-450:rgb(105,105,105);
--ink-400:rgb(111,111,111);
--ink-350:rgb(116,116,116);
--ink-300:rgb(122,122,122);
--ink-200:rgb(142,142,142);
--ink-150:rgb(194,194,194);
--line-100:rgb(238,238,238);
--line-200:rgb(234,234,234);
--line-300:rgb(219,219,219);
--line-400:rgb(217,217,217);
--surface-white:rgb(255,255,255);
/* semantic aliases */
--accent:var(--lime-500);
--accent-soft-bg:var(--lime-100);
--accent-alt:var(--lavender-400);
--text-heading:var(--ink-600);
--text-body:var(--ink-600);
--text-muted:var(--ink-350);
--text-faint:var(--ink-300);
--text-caption:var(--ink-500);
--text-on-dark:var(--surface-white);
--surface-page:var(--surface-white);
--surface-card:var(--mint-50);
--surface-card-alt:var(--mint-50-alt);
--surface-card-mint:var(--lime-100);
--surface-card-blush:var(--blush-100);
--border-default:var(--line-400);
--border-subtle:var(--line-100);
--border-divider:var(--line-100);
--button-outline:var(--ink-700);
--button-disabled-bg:var(--ink-150);
}
