:root{
/* Navy — EsyPet primary ("Esy" in the logo). Brand value #10215E = navy-800 */
--navy-950:#070E2B;--navy-900:#0B1847;--navy-800:#10215E;--navy-700:#1D3275;--navy-600:#2E4590;--navy-500:#4A5FA6;--navy-300:#A5B0D3;--navy-200:#C9D0E6;--navy-100:#E3E7F2;--navy-50:#F1F3F9;
/* Sage — the dog & cat mark. Brand value #839C7D = sage-500 */
--sage-900:#3B4A38;--sage-800:#4F6249;--sage-700:#647A5E;--sage-600:#748C6E;--sage-500:#839C7D;--sage-400:#A2B59D;--sage-300:#BFCDBB;--sage-200:#D7E1D4;--sage-100:#E8EEE6;--sage-50:#F4F7F3;
/* Mauve — script "Pet" in the logo. Brand value #99838F = mauve-500 */
--mauve-800:#5C4A54;--mauve-700:#76616C;--mauve-600:#8A737F;--mauve-500:#99838F;--mauve-300:#C6B7BF;--mauve-200:#DED3D9;--mauve-100:#EFE8EC;--mauve-50:#F8F4F6;
/* Theme extras (from the Colour Theme file) */
--petrol-600:#10485E;--indigo-600:#26105E;--sage-alt-500:#939C7D;--sage-cool-500:#7D9C86;--mauve-alt-500:#988399;--mauve-warm-500:#998384;
/* Cream & sand — warm neutrals (inspiration) */
--cream-50:#FCFAF5;--cream-100:#F8F3E8;--cream-200:#F0E8D6;--cream-300:#E4D8BF;--sand-400:#CDBB97;--sand-600:#9C8560;
/* Honey — reserved for star ratings */
--honey-600:#A9792D;--honey-500:#C08F3E;--honey-100:#F7EEDA;
/* Category tints */
--tint-sage:var(--sage-100);--tint-mauve:var(--mauve-100);--tint-navy:var(--navy-100);--tint-oat:#F3E9DA;
/* Ink */
--ink-900:#1A1E2B;--ink-800:#292E3B;--ink-700:#3C4250;--ink-500:#646A77;--ink-400:#8B909A;--ink-300:#B8BBC2;--ink-200:#DCDDE0;--white:#FFFFFF;
/* Semantic */
--success-600:#3F7A46;--success-100:#E0EFE0;--warning-600:#B26E12;--warning-100:#FBEBD0;--danger-600:#A63D2F;--danger-100:#F7E0DB;--info-600:#10485E;--info-100:#DDEBF0;

/* Semantic aliases */
--bg-page:var(--cream-50);--bg-warm:var(--cream-100);--bg-sage:var(--sage-100);--bg-mauve:var(--mauve-50);--bg-inverse:var(--navy-800);
--surface-card:var(--white);--surface-raised:var(--white);--surface-sunken:var(--cream-200);--surface-inverse:var(--navy-800);
--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-subtle:var(--ink-400);--text-on-inverse:var(--cream-50);--text-on-inverse-muted:var(--navy-200);--text-brand:var(--navy-800);--text-accent:var(--mauve-700);
--border-subtle:#ECE5D6;--border-default:var(--cream-300);--border-strong:var(--sand-400);--border-brand:var(--navy-800);
--action-primary:var(--navy-800);--action-primary-hover:var(--navy-900);--action-primary-press:var(--navy-950);
--action-dark:var(--navy-900);--action-dark-hover:var(--navy-950);
--action-sage:var(--sage-500);--action-sage-hover:var(--sage-600);
--focus-ring:color-mix(in oklch, var(--navy-500) 40%, transparent);
}