:root{
/* --- brand core (sampled from the Metza brand manual) --- */
--metza-orange:#FF5A1F;
--metza-green:#83C936;
--metza-yellow:#FFD400;
--metza-ink:#151515;
--metza-cream:#EFEFEA;

/* --- orange ramp --- */
--orange-50:#FFEDE6;--orange-100:#FFD5C4;--orange-200:#FFB79B;--orange-400:#FF7A48;
--orange-500:#FF5A1F;--orange-600:#E84A12;--orange-700:#C23A0C;--orange-800:#A32F09;

/* --- green ramp --- */
--green-50:#F1FAE3;--green-100:#DCF2BC;--green-200:#C4E894;--green-400:#9AD75A;
--green-500:#83C936;--green-600:#6FAE28;--green-700:#55871D;--green-800:#3F6614;

/* --- yellow ramp --- */
--yellow-50:#FFF8DB;--yellow-100:#FFEEA8;--yellow-200:#FFE573;--yellow-400:#FFDE40;
--yellow-500:#FFD400;--yellow-600:#E5BE00;--yellow-700:#B39400;--yellow-800:#6E5B00;

/* --- ink / neutral ramp --- */
--ink-900:#151515;--ink-800:#232320;--ink-700:#3A3A35;--ink-600:#55554E;
--ink-500:#7A7A72;--ink-400:#A3A39A;

/* --- cream / surface ramp --- */
--cream-50:#F7F7F4;--cream-100:#EFEFEA;--cream-200:#E5E5DE;--cream-300:#D8D8D0;
--white:#FFFFFF;  /* reference only, do not use as a surface */

/* --- semantic surfaces --- */
--surface-page:var(--cream-100);
--surface-page-alt:var(--cream-50);
--surface-card:var(--cream-50);   /* never pure white */
--surface-sunken:var(--cream-200);
--surface-inverse:var(--ink-900);
--surface-accent:var(--orange-500);
--surface-accent-soft:var(--orange-50);

/* --- semantic text --- */
--text-strong:var(--ink-900);
--text-body:var(--ink-700);
--text-muted:var(--ink-600);        /* 6.5:1 on cream */
--text-subtle:var(--ink-500);       /* 3.8:1, large or decorative only */
--text-on-dark:var(--cream-100);
--text-on-accent:var(--cream-100);
--text-accent:var(--orange-500);        /* display only, 30px+ */
--text-accent-strong:var(--orange-800); /* accent for small text, 6.1:1 */
--text-link:var(--orange-700);
--text-link-hover:var(--orange-800);

/* pillar colours as TEXT */
--label-strategy:var(--green-800);
--label-creative:var(--orange-800);
--label-execution:var(--yellow-800);
--label-strategy-on-dark:var(--green-500);
--label-creative-on-dark:var(--orange-400);
--label-execution-on-dark:var(--yellow-500);

/* --- semantic borders --- */
--border-subtle:var(--cream-200);
--border-default:var(--cream-300);
--border-strong:var(--ink-900);
--border-accent:var(--orange-500);
--focus-ring:var(--ink-900);

/* --- status --- */
--status-success:var(--green-600);
--status-success-soft:var(--green-50);
--status-warning:var(--yellow-600);
--status-warning-soft:var(--yellow-50);
--status-danger:var(--orange-700);
--status-danger-soft:var(--orange-50);
--status-info:var(--ink-800);
--status-info-soft:var(--cream-200);

/* --- the three brand characters --- */
--character-me:var(--green-500);
--character-te:var(--orange-500);
--character-za:var(--yellow-500);
}