/* NEXAR Experience 4.0 — preview-to-production visual variables.
   Works alongside the canonical v2.3 semantic app accents; no DB/auth changes. */
:root {
 --nx4-font: 'Cairo',system-ui,sans-serif;
 --nx4-midnight: #0A1732;
 --nx4-navy: #10254B;
 --nx4-navy-lift: #1C3C75;
 --nx4-blue: #3568E9;
 --nx4-cyan: #39C8F5;
 --nx4-violet: #9177F5;
 --nx4-line-light: #E3EAF5;
 --nx4-text: #18263D;
 --nx4-muted: #71839D;
 --nx4-panel: #FFFFFF;
 --nx4-paper: #F6F8FC;
 --nx4-elevate: 0 20px 65px -48px #172B57AA,0 4px 18px #14264C0C;
 --nx4-shadow-hover: 0 24px 45px -35px #243C77A6;
 --nx4-ease: cubic-bezier(.22,1,.36,1);
 --nx4-motion-fast: 160ms;
 --nx4-motion-normal: 240ms;
 --nx4-radius-card: 17px;
 --nx4-radius-control: 11px;
}
:root[data-theme="dark"] {
 --nx4-line-light: #34415A;
 --nx4-text: #EBF2FF;
 --nx4-muted: #ABBBD1;
 --nx4-panel: #172235;
 --nx4-paper: #111929;
 --nx4-elevate: 0 14px 42px -28px #01091CC2,0 4px 20px #020A1922;
 --nx4-shadow-hover: 0 22px 48px -30px #020A19E8;
}