:root{
/* — base inks — */
--olive-900:oklch(30% 0.055 130);
--olive-800:oklch(32% 0.055 130);
--olive-700:oklch(36% 0.03 130);
--olive-600:oklch(40% 0.03 130);
--olive-500:oklch(45% 0.025 130);
--olive-400:oklch(53% 0.025 130);
--olive-200:oklch(85% 0.018 120);
--olive-150:oklch(89% 0.015 120);
--rule-line:oklch(78% 0.02 120);
/* — accents — */
--tomato-700:oklch(36% 0.14 30);
--tomato-600:oklch(46% 0.17 32);
--tomato-500:oklch(58% 0.19 32);
--tomato-300:oklch(74% 0.14 34);
--chili-500:oklch(56% 0.2 28);
/* — papers — */
--paper:oklch(96% 0.018 110);
--paper-white:oklch(99% 0.012 110);
--paper-dim:oklch(90% 0.015 115);
/* — kraft — */
--kraft-500:oklch(74% 0.055 68);
--kraft-400:oklch(78% 0.055 68);
--kraft-300:oklch(84% 0.05 68);
--kraft-ink:oklch(32% 0.04 60);

/* — semantic: ink — */
--ink:var(--olive-800);
--ink-strong:var(--olive-900);
--ink-secondary:var(--olive-600);
--ink-muted:var(--olive-500);
--ink-faint:var(--olive-400);
--ink-inverse:var(--paper);
--ink-on-ink-secondary:var(--paper-dim);
/* — semantic: accent — */
--accent:var(--tomato-600);
--accent-solid:var(--tomato-500);
--accent-hover:var(--tomato-700);
--accent-on-ink:var(--tomato-300);
--accent-kids:var(--chili-500);
/* — semantic: surface — */
--surface-page:var(--paper);
--surface-card:var(--paper-white);
--surface-ink:var(--olive-800);
--surface-ink-print:var(--olive-900);
--surface-kraft:var(--kraft-400);
--surface-kraft-lid:var(--kraft-300);
/* — semantic: border — */
--border-hairline:var(--olive-150);
--border-default:var(--olive-200);
--border-rule:var(--rule-line);
--border-strong:var(--olive-800);
/* — semantic: link — */
--link:var(--tomato-600);
--link-hover:var(--tomato-700);
}