:root{
/* Base palette — from Figma "Colours" frame */
--cabi-bone:#F8F6F0;
--cabi-sunrise:#D02A00;
--cabi-black:#432F29;
--cabi-green:#507B54;
--cabi-pink:#E88357;
--cabi-blue:#508DAC;
--cabi-white:#FFFFFF;
/* Supporting values found in the file */
--cabi-green-deep:#436F47;
--cabi-icon-orange:#CD542E;
--cabi-blush:#F7D5D2;
--cabi-rule:#5B5B5B;
--cabi-hairline:#979797;
/* Text-highlight set (randomised on selection) */
--cabi-highlight-1:#507B54;
--cabi-highlight-2:#E88357;
--cabi-highlight-3:#508DAC;
--cabi-highlight-4:#F0BB00;
--cabi-highlight-5:#D75E36;
/* Semantic aliases */
--surface-page:var(--cabi-bone);
--surface-module:var(--cabi-white);
--surface-brand:var(--cabi-sunrise);
--surface-recipe:var(--cabi-green);
--surface-inverse:var(--cabi-black);
--text-body:var(--cabi-black);
--text-brand:var(--cabi-sunrise);
--text-on-brand:var(--cabi-bone);
--text-recipe:var(--cabi-green);
--accent-shading:var(--cabi-pink);
--accent-tbd:var(--cabi-blue);
--border-rule:var(--cabi-black);
--border-rule-muted:var(--cabi-rule);
--border-hairline:var(--cabi-hairline);
--icon-brand:var(--cabi-icon-orange);
}