:root{
/* Base palette — five colours, no more */
--bone:#F4F0E7;
--ink:#1C1A17;
--terracotta:#EB5F47;
--moss:#667052;
--stone:#B8B1A6;
--paper:#FFFFFF;

/* Ink alphas — the only greys in the system */
--ink-90:rgba(28,26,23,.9);
--ink-85:rgba(28,26,23,.85);
--ink-80:rgba(28,26,23,.8);
--ink-75:rgba(28,26,23,.75);
--ink-70:rgba(28,26,23,.7);
--ink-55:rgba(28,26,23,.55);
--ink-50:rgba(28,26,23,.5);
--ink-45:rgba(28,26,23,.45);
--ink-20:rgba(28,26,23,.2);
--ink-15:rgba(28,26,23,.15);
--ink-14:rgba(28,26,23,.14);
--ink-08:rgba(28,26,23,.08);

/* Bone alphas — for use on ink fields */
--bone-90:rgba(244,240,231,.9);
--bone-70:rgba(244,240,231,.7);
--bone-65:rgba(244,240,231,.65);
--bone-60:rgba(244,240,231,.6);
--bone-45:rgba(244,240,231,.45);
--bone-16:rgba(244,240,231,.16);

/* Semantic — surfaces */
--surface-page:var(--bone);
--surface-card:var(--paper);
--surface-inverse:var(--ink);
--surface-field:var(--moss);
--surface-accent:var(--terracotta);
--surface-sunken:var(--stone);

/* Semantic — text */
--text-primary:var(--ink);
--text-body:var(--ink-85);
--text-secondary:var(--ink-70);
--text-muted:var(--ink-55);
--text-label:var(--ink-50);
--text-quiet:var(--moss);
--text-accent:var(--terracotta);
--text-on-inverse:var(--bone);
--text-on-inverse-body:var(--bone-90);
--text-on-inverse-muted:var(--bone-45);

/* Semantic — lines */
--rule-hairline:var(--ink-15);
--rule-card:var(--ink-14);
--rule-strong:var(--stone);
--rule-on-inverse:var(--bone-16);

/* Semantic — interaction */
--action-fill:var(--ink);
--action-fill-hover:var(--moss);
--action-text-on-fill:var(--bone);
--action-quiet-hover:var(--moss);
--focus-ring:var(--terracotta);
}