/* JollyAsso / SWAT UI 3.0 — canonical design tokens
   This layer intentionally sits above the historical theme files.
   Modules should consume tokens, never hard-coded colors. */
:root{
  --ja-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --ja-font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --ja-bg:#0d0f11;
  --ja-bg-elevated:#111416;
  --ja-surface:#15181b;
  --ja-surface-2:#1a1e22;
  --ja-surface-3:#20252a;
  --ja-surface-hover:#252b31;
  --ja-line:rgba(255,255,255,.075);
  --ja-line-strong:rgba(255,255,255,.13);
  --ja-text:#f4f6f8;
  --ja-text-2:#c8cdd2;
  --ja-muted:#8a939c;
  --ja-muted-2:#66707a;
  --ja-accent:#28b7f6;
  --ja-accent-strong:#0d8fc8;
  --ja-accent-soft:rgba(40,183,246,.12);
  --ja-success:#35cf9a;
  --ja-warning:#f7c85d;
  --ja-danger:#ff6b75;
  --ja-purple:#9b7cff;
  --ja-pink:#f16cc8;
  --ja-shadow-xs:0 1px 2px rgba(0,0,0,.16);
  --ja-shadow-sm:0 5px 16px rgba(0,0,0,.18);
  --ja-shadow-md:0 14px 38px rgba(0,0,0,.28);
  --ja-shadow-lg:0 28px 80px rgba(0,0,0,.42);
  --ja-radius-1:6px;
  --ja-radius-2:8px;
  --ja-radius-3:10px;
  --ja-radius-4:12px;
  --ja-radius-5:16px;
  --ja-radius-pill:999px;
  --ja-space-1:4px;
  --ja-space-2:8px;
  --ja-space-3:12px;
  --ja-space-4:16px;
  --ja-space-5:20px;
  --ja-space-6:24px;
  --ja-space-8:32px;
  --ja-control-h:34px;
  --ja-page-max:1560px;
  --ja-topbar-h:48px;
  --ja-viewport-padding:8px;

  /* UI 3.1 — density, typography, layers and contextual navigation */
  --ja-text-xs:11px;
  --ja-text-sm:12px;
  --ja-text-md:13px;
  --ja-text-lg:15px;
  --ja-text-xl:18px;
  --ja-leading-tight:1.2;
  --ja-leading-normal:1.45;
  --ja-context-panel-w:245px;
  --ja-layer-base:0;
  --ja-layer-sticky:100;
  --ja-layer-rail:900;
  --ja-layer-topbar:1000;
  --ja-layer-popover:1400;
  --ja-layer-modal:1600;
  --ja-layer-toast:1800;

  /* UI 3.0.2 — semantic category colors. Navigation and future modules share these tokens. */
  --ja-domain-home:#9b8cff;
  --ja-domain-members:#5aa9ff;
  --ja-domain-scanner:#2dd4bf;
  --ja-domain-sport:#b084ff;
  --ja-domain-finance:#f4c45e;
  --ja-domain-communication:#5d8bff;
  --ja-domain-rh:#6dd5a7;
  --ja-domain-commerce:#ff9b5a;
  --ja-domain-pilotage:#4bc8bd;
  --ja-domain-admin:#94a3b8;

  /* Compatibility mapping: SDK 2 modules instantly inherit UI 3. */
  --swat-color-bg:var(--ja-bg);
  --swat-color-surface:var(--ja-surface);
  --swat-color-surface-2:var(--ja-surface-2);
  --swat-color-surface-3:var(--ja-surface-3);
  --swat-color-line:var(--ja-line);
  --swat-color-line-strong:var(--ja-line-strong);
  --swat-color-text:var(--ja-text);
  --swat-color-muted:var(--ja-muted);
  --swat-color-primary:var(--ja-accent);
  --swat-color-primary-strong:var(--ja-accent-strong);
  --swat-color-success:var(--ja-success);
  --swat-color-warning:var(--ja-warning);
  --swat-color-danger:var(--ja-danger);
  --swat-color-overlay:rgba(5,7,9,.76);
  --swat-shadow-lg:var(--ja-shadow-lg);
  --swat-radius-sm:var(--ja-radius-2);
  --swat-radius-md:var(--ja-radius-4);
  --swat-radius-lg:var(--ja-radius-5);
  --swat-font:var(--ja-font);
}

/* Existing theme names remain supported; UI 3 changes the neutral surfaces,
   while preserving each theme's accent identity. */
[data-swat-theme="midnight"]{
  --ja-bg:#0a0f14;--ja-bg-elevated:#0e151b;--ja-surface:#121b22;--ja-surface-2:#17232c;--ja-surface-3:#1d2d38;
  --ja-line:rgba(109,192,230,.10);--ja-line-strong:rgba(109,192,230,.18);--ja-accent:#4bc8ff;--ja-accent-strong:#138fc6;--ja-accent-soft:rgba(75,200,255,.12)
}
[data-swat-theme="graphite"]{
  --ja-bg:#0f1012;--ja-bg-elevated:#121416;--ja-surface:#17191c;--ja-surface-2:#1d2024;--ja-surface-3:#24282d;
  --ja-line:rgba(255,255,255,.07);--ja-line-strong:rgba(255,255,255,.12);--ja-accent:#54c2f1;--ja-accent-strong:#2a8eb8;--ja-accent-soft:rgba(84,194,241,.11)
}

html,body{font-family:var(--ja-font);background:var(--ja-bg);color:var(--ja-text)}