/* ============================================================
   AIR TRADE EXPORT BEYOND BORDERS — DESIGN TOKENS
   Every color, spacing value, radius, shadow, transition and
   typography setting used sitewide lives here. Change a value
   once, it updates everywhere. Load this file first.
   ============================================================ */

:root{
  /* ----- Brand colors ----- */
  --at-primary:#12284C;
  --at-secondary:#1E3A6B;
  --at-accent:#C4923E;
  --at-gold:#D4A24C;
  --at-bg:#F6F7FA;
  --at-dark:#1E1E1E;
  --at-white:#FFFFFF;

  /* ----- Semantic aliases (Primary / Secondary / Accent / Background / Surface / Text / Border) ----- */
  --color-primary:var(--at-primary);
  --color-secondary:var(--at-secondary);
  --color-accent:var(--at-accent);
  --color-background:var(--at-bg);
  --color-surface:#FFFFFF;
  --color-text:var(--at-dark);
  --color-text-muted:#5B6472;
  --color-border:rgba(18,40,76,.08);

  /* ----- Status colors ----- */
  --color-success:#1E3A6B;
  --color-warning:#D4A24C;
  --color-danger:#B0473F;

  /* ----- Radius ----- */
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-pill:100px;

  /* ----- Shadow ----- */
  --shadow-soft:0 16px 40px -22px rgba(18,40,76,0.28);
  --shadow-card:0 8px 24px -14px rgba(18,40,76,0.2);

  /* ----- Transitions ----- */
  --ease:cubic-bezier(.4,0,.2,1);
  --transition-fast:.2s var(--ease);
  --transition-base:.3s var(--ease);
  --transition-slow:.5s var(--ease);

  /* ----- 8px spacing system ----- */
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:40px;
  --space-6:48px;
  --space-7:64px;
  --space-8:80px;

  /* ----- Typography ----- */
  --font-base:'Inter',sans-serif;
  --fs-xs:.75rem;
  --fs-sm:.875rem;
  --fs-base:1rem;
  --fs-md:1.125rem;
  --fs-lg:1.25rem;
  --fs-xl:1.5rem;
  --fs-2xl:2rem;
  --fs-3xl:2.6rem;

  /* ----- Layout ----- */
  --container-max:1680px;
}