/* ==========================================================================
   ACE Driver Allocation — shared design tokens + self-hosted Inter
   Loaded by BOTH the app layout and the standalone login page, so the theme
   has one source of truth (tokens used to be duplicated in login.css).

   REVIEW FIX: Inter is self-hosted (48 KB variable font) instead of loaded
   from fonts.googleapis.com — no external network dependency per page load,
   works on a LAN without internet.
   ========================================================================== */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900; /* variable font: one file covers all weights */
  font-display: swap;
  src: url("../fonts/inter-var-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Type */
  --lg-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Light palette */
  --lg-bg-base: #f5f5f7;
  --lg-text: #1d1d1f;
  --lg-text-secondary: #55555c;   /* 7.2:1 on #fff */
  --lg-text-tertiary: #6e6e73;
  --lg-accent: #0071e3;           /* Apple blue, 4.6:1 on white */
  --lg-accent-strong: #005bb5;
  --lg-accent-soft: rgba(0, 113, 227, 0.12);
  --lg-danger: #d70015;
  --lg-success: #1d7d3f;
  --lg-warning: #a05a00;

  /* Glass recipe */
  --lg-glass-bg: rgba(255, 255, 255, 0.62);
  --lg-glass-bg-strong: rgba(255, 255, 255, 0.8);
  --lg-glass-highlight: rgba(255, 255, 255, 0.85);
  --lg-glass-edge: rgba(20, 24, 40, 0.08);
  --lg-glass-blur: saturate(180%) blur(22px);
  --lg-shadow: 0 8px 32px rgba(31, 38, 63, 0.1), 0 1px 2px rgba(31, 38, 63, 0.06);
  --lg-shadow-raised: 0 16px 48px rgba(31, 38, 63, 0.16), 0 2px 4px rgba(31, 38, 63, 0.08);

  /* Geometry — concentric radius scale */
  --lg-radius-sm: 10px;
  --lg-radius: 16px;
  --lg-radius-lg: 22px;
  --lg-radius-pill: 980px;

  /* Motion */
  --lg-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --lg-dur: 220ms;
}

/* Dark mode — honours Argon's manual toggle (app pages add .dark-version) */
body.dark-version {
  --lg-bg-base: #0d0d12;
  --lg-text: #f5f5f7;
  --lg-text-secondary: #b9b9c0;
  --lg-text-tertiary: #98989f;
  --lg-accent: #0a84ff;
  --lg-accent-strong: #409cff;
  --lg-accent-soft: rgba(10, 132, 255, 0.22);
  --lg-danger: #ff453a;
  --lg-success: #32d74b;
  --lg-warning: #ffd60a;
  --lg-glass-bg: rgba(28, 28, 34, 0.58);
  --lg-glass-bg-strong: rgba(34, 34, 40, 0.82);
  --lg-glass-highlight: rgba(255, 255, 255, 0.12);
  --lg-glass-edge: rgba(255, 255, 255, 0.1);
  --lg-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.3);
  --lg-shadow-raised: 0 16px 48px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.35);
}