/* ════════════════════════════════════════════
   ATADEM GROUP — Design Tokens v12
   Nasalization (display) + Plus Jakarta Sans (UI)
════════════════════════════════════════════ */

@font-face {
  font-family: 'Nasalization';
  src: url('../fonts/Nasalization.otf')  format('opentype'),
       url('../fonts/Nasalization.ttf')  format('truetype'),
       url('../fonts/Nasalization.woff2') format('woff2');
  font-weight: normal;
  font-style:  normal;
  font-display: swap;
}

:root {
  /* Blues */
  --b950:#03102B; --b900:#071845; --b800:#0C2560;
  --b700:#12368C; --b600:#1845C0; --b500:#2055E5;
  --b400:#4878F5; --b300:#7EA5F8; --b200:#B8CFFB;
  --b100:#DDE9FD; --b50:#EEF4FE;  --b25:#F5F9FF;

  /* Greys */
  --g0:#FFFFFF; --g1:#F8F9FB; --g2:#F0F2F6;
  --g3:#E4E7ED; --g4:#CDD2DC; --g5:#9AA3B4;
  --g6:#6B7385; --g7:#3E4554; --g8:#1E2535;

  /* Semantic */
  --bg:var(--g0); --bg2:var(--g1); --bg3:var(--g2);
  --ink:var(--g8); --ink2:#26304A; --ink3:var(--g7); --ink4:var(--g6);
  --accent:var(--b500);
  --border:var(--g3); --border2:var(--g4);

  /* Fonts */
  --fnas: 'Nasalization', 'Orbitron', sans-serif;
  --fui:  'Plus Jakarta Sans', sans-serif;

  /* Layout */
  --W:   1200px;
  --NAV: 72px;

  /* Easing */
  --e1: cubic-bezier(.22,1,.36,1);
  --e2: cubic-bezier(.34,1.56,.64,1);
  --e3: cubic-bezier(.16,1,.3,1);
}