/* ==========================================================================
   ALBUROOQ SMART SOLUTIONS — Design Tokens
   Palette: deep signal-blue + amber alert accent, control-panel aesthetic
   ========================================================================== */
:root{
  /* --- Brand color --- */
  --color-navy-950:#0A2A45;
  --color-navy-900:#0F3D63;   /* primary */
  --color-blue-600:#1C6DD0;   /* accent / links / active state */
  --color-blue-100:#E4EEFB;
  --color-amber-500:#E8A33D;  /* CTA / alert accent */
  --color-amber-600:#CF8A24;
  --color-gray-50:#F5F7FA;    /* light gray bg */
  --color-gray-100:#EAEDF1;
  --color-gray-300:#CBD3DC;
  --color-gray-500:#6B7785;
  --color-ink-900:#15202B;    /* dark text */
  --color-white:#FFFFFF;
  --color-success:#1E8E5A;
  --color-danger:#C0392B;

  /* --- Type --- */
  --font-display:'Space Grotesk', 'Segoe UI', sans-serif;
  --font-body:'Inter', 'Segoe UI', sans-serif;
  --font-mono:'IBM Plex Mono', 'Courier New', monospace;

  --fs-900:clamp(2.4rem, 1.6rem + 3vw, 4.2rem);
  --fs-800:clamp(1.9rem, 1.4rem + 2vw, 2.8rem);
  --fs-700:clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --fs-600:1.375rem;
  --fs-500:1.125rem;
  --fs-400:1rem;
  --fs-300:0.875rem;
  --fs-200:0.75rem;

  /* --- Spacing scale --- */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem; --sp-10:8rem;

  /* --- Layout --- */
  --container-max:1240px;
  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:20px;
  --shadow-sm:0 1px 2px rgba(15,61,99,.08);
  --shadow-md:0 8px 24px rgba(15,61,99,.10);
  --shadow-lg:0 20px 48px rgba(15,61,99,.16);
  --border:1px solid var(--color-gray-100);

  /* --- Motion --- */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:150ms;
  --dur-base:280ms;
}

@media (prefers-color-scheme: dark){
  /* Reserved for future dark theme toggle (theme.js) */
}