/* =====================================================================
   MIVORA COLLECT DESIGN TOKENS (2026-10-29)
   Single source of truth for colour. Every stylesheet (storefront, admin,
   lock screen, checkout, invoice) reads these variables.
   ===================================================================== */
:root{
 /* Brand palette */
 --color-primary:#142A3B;        /* Midnight Navy   - hero, header, sidebar, footer */
 --color-secondary:#29465F;      /* Deep Slate Blue - panels, secondary dark surfaces */
 --color-highlight:#A8EAF3;      /* Ice Cyan        - CTA, active indicator, focus */
 --color-accent:#319BB8;         /* Electric Teal   - icons, badges, brand details */
 --color-background:#F2FAFC;     /* Soft Ice White  - light page background */
 --color-white:#FFFFFF;          /* Pure White */
 /* Derived brand shades */
 --color-primary-deep:#0D1E2B;
 --color-secondary-hover:#335672;
 --color-highlight-hover:#C4F2F8;
 --color-highlight-soft:#E3F6F9;
 --color-accent-strong:#1E7590;  /* teal that passes 4.5:1 on white for text and links */
 --color-accent-hover:#186279;
 /* Semantic surfaces & text */
 --color-surface:var(--color-white);
 --color-surface-alt:var(--color-background);
 --color-surface-sunken:#E6F1F5;
 --color-text:var(--color-primary);
 --color-text-soft:#33495C;
 --color-muted:#56697A;
 --color-subtle:#7F92A2;
 --color-border:#D7E6EC;
 --color-border-strong:#B3CAD5;
 --color-on-dark:var(--color-white);
 --color-on-dark-muted:#C0D3DE;
 --color-on-dark-subtle:#8EA6B7;
 --color-line-dark:rgb(168 234 243 / .14);
 --color-focus:var(--color-accent);
 --color-overlay:rgb(13 30 43 / .72);
 --color-disabled-bg:#E3ECF0;
 --color-disabled-text:#8597A5;
 /* Status (kept visually distinct from the brand blues) */
 --color-success:#1D7F55;--color-success-bg:#E6F5EE;--color-success-border:#BFE3D0;
 --color-warning:#9A630F;--color-warning-bg:#FFF4E0;--color-warning-border:#F0D9A8;
 --color-danger:#B9344A;--color-danger-bg:#FCECEF;--color-danger-border:#F1C7CF;
 --color-info:var(--color-accent-strong);--color-info-bg:var(--color-highlight-soft);--color-info-border:#BDE4EE;
 --color-reference:#62589A;--color-reference-bg:#F1EFFA;--color-reference-border:#DEDAF2;
 /* RGB channels for translucent colours: rgb(var(--rgb-x) / alpha) */
 --rgb-shadow:13 30 43;--rgb-white:255 255 255;--rgb-highlight:168 234 243;--rgb-accent:49 155 184;--rgb-primary:20 42 59;
 /* Shape, depth, motion */
 --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;
 --shadow-sm:0 1px 2px rgb(var(--rgb-shadow) / .06),0 2px 8px rgb(var(--rgb-shadow) / .05);
 --shadow-md:0 10px 30px rgb(var(--rgb-shadow) / .10);
 --shadow-lg:0 24px 60px rgb(var(--rgb-shadow) / .30);
 --focus-ring:0 0 0 3px rgb(var(--rgb-accent) / .35);
 --ease:cubic-bezier(.2,.7,.2,1);--speed:.18s;
 /* Legacy aliases kept for older rules and inline blocks */
 --red:var(--color-accent-strong);--red-hover:var(--color-accent-hover);
 --ink:var(--color-text);--muted:var(--color-muted);--line:var(--color-border);--paper:var(--color-background);
 --movira-navy:var(--color-primary);--movira-sky:var(--color-highlight);--movira-pale:var(--color-highlight-soft);
}