/* MakaU colour tokens — source: BrandBOARD_MAKAUFinal.pdf palette page */
:root{
/* Brand base (exact HEX from brand board) */
--makau-sky:#00B6FF;      /* C75 M4 — app backgrounds, icon disc */
--makau-blue:#2E5CD7;     /* C86 M64 — wordmark, primary UI */
--makau-red:#FF0043;      /* M100 Y58 — mascot body, energy */
--makau-rust:#D66A37;     /* M76 Y100 — beak detail, warm accents */
--makau-orange:#F1A63B;   /* M42 Y100 — beak/feet, secondary buttons */
--makau-lime:#C6FF02;     /* C40 Y100 — the "u", success */
--makau-yellow:#FFE73A;   /* Y100 — tail, rewards, stars */
--makau-ink:#161616;      /* K86 rich black — text */
--makau-white:#FFFFFF;

/* Tonal steps (derived with oklch from base; for pressed/extrude + tints) */
--makau-blue-700:#1F43A8;
--makau-blue-100:#E3EBFF;
--makau-sky-600:#0092D1;
--makau-sky-100:#E0F6FF;
--makau-red-700:#C20033;
--makau-red-100:#FFE0E8;
--makau-lime-700:#8DBA00;
--makau-lime-100:#F3FFCC;
--makau-orange-700:#C47D17;
--makau-orange-100:#FFF0D9;
--makau-yellow-700:#D9BE00;
--makau-yellow-100:#FFF9CC;

/* Neutrals */
--gray-50:#F6F8FC;
--gray-100:#EEF1F7;
--gray-200:#DDE2EC;
--gray-300:#C3CAD8;
--gray-500:#7A8396;
--gray-700:#454C5C;
--gray-900:#161616;

/* Semantic aliases */
--fg-1:var(--makau-ink);
--fg-2:var(--gray-700);
--fg-3:var(--gray-500);
--fg-on-color:var(--makau-white);
--fg-brand:var(--makau-blue);

--bg-app:var(--gray-50);
--bg-brand:var(--makau-sky);
--surface-card:var(--makau-white);
--surface-sunken:var(--gray-100);
--border-1:var(--gray-200);
--border-2:var(--gray-300);

--color-primary:var(--makau-blue);
--color-primary-extrude:var(--makau-blue-700);
--color-secondary:var(--makau-orange);
--color-secondary-extrude:var(--makau-orange-700);
--color-accent:var(--makau-red);
--color-accent-extrude:var(--makau-red-700);

--color-success:var(--makau-lime);
--color-success-extrude:var(--makau-lime-700);
--color-success-bg:var(--makau-lime-100);
--color-error:var(--makau-red);
--color-error-bg:var(--makau-red-100);
--color-warning:var(--makau-orange);
--color-warning-bg:var(--makau-orange-100);
--color-info:var(--makau-sky);
--color-info-bg:var(--makau-sky-100);
--color-reward:var(--makau-yellow);
--focus-ring:0 0 0 3px rgba(0,182,255,.45);
}