/* ==========================================================================
   aCXend — Design tokens
   Brand: Royal Blue #0E4FC4 · Deep Navy #0A1F4C
   Single source of truth for color, spacing, radius, motion, depth, z-index.
   Load this file first on every page.
   ========================================================================== */

:root {
  /* Brand */
  --navy:        #0A1F4C;
  --navy-deep:   #061434;
  --ink:         #0B1220;
  --royal:       #0E4FC4;
  --royal-hover: #0B40A3;
  --azure:       #2F7BE0;
  --sky:         #6FA8F2;
  --cta-1:       #0A5BFF;
  --cta-2:       #4DA3FF;

  /* Neutrals */
  --white: #FFFFFF;
  --cloud: #F2F5FA;
  --slate: #5B6B85;
  --line:  #E3E8F1;

  /* Layout */
  --container: 1240px;
  --gutter: 28px;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --ease-lux: cubic-bezier(.16,1,.3,1);
  --dur: .3s;

  /* Depth */
  --shadow-sm: 0 1px 2px rgba(10,31,76,.06);
  --shadow-md: 0 12px 30px -12px rgba(10,31,76,.18);
  --shadow-lg: 0 30px 60px -20px rgba(10,31,76,.25);
  --shadow-cta: 0 12px 28px rgba(10,91,255,.32);

  /* Z-scale */
  --z-nav: 100;
  --z-skip: 1000;
}


/* Responsive token overrides */
@media (max-width: 640px) {
  :root { --gutter: 20px; }
}