/* admin/assets/admin-tokens.css — Sportsbenefits Admin -design tokenit (docs/ADMIN_UI_PLAN.md luku 3).
   Perusta = www.smartpadel.fi:n :root-muuttujat. Komponentit viittaavat VAIN näihin tokeneihin,
   joten [data-bs-theme=dark] <html>-elementissä vaihtaa koko ulkoasun. */

/* Plus Jakarta Sans (OFL, fonts/OFL.txt) — variable-fontti 200–800, self-host */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal; font-display: swap; font-weight: 200 800;
  src: url(fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
                 U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal; font-display: swap; font-weight: 200 800;
  src: url(fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2-variations");
  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 {
  /* Pinnat */
  --sb-bg: #f6f7f9;
  --sb-surface: #ffffff;
  --sb-surface-2: #f3f4f6;
  --sb-line: #e5e7eb;
  --sb-line-strong: #d1d5db;

  /* Teksti */
  --sb-ink: #1f2937;  --sb-ink-soft: #4b5563;  --sb-ink-muted: #6b7280;  --sb-ink-faint: #9ca3af;

  /* Brändi */
  --sb-accent: #0a7a3a;  --sb-accent-dark: #075c2c;  --sb-accent-soft: #e6f4ec;
  --sb-accent-ink: #065f2e;
  --sb-accent-rgb: 10,122,58;

  /* Sidebar */
  --sb-nav-bg: #0f172a;  --sb-nav-bg-2: #111c33;
  --sb-nav-ink: #cbd5e1;  --sb-nav-ink-muted: #7c8aa5;
  --sb-nav-active-bg: rgba(10,122,58,.28);  --sb-nav-active-ink: #ffffff;
  --sb-nav-hover-bg: rgba(255,255,255,.06);
  --sb-nav-line: rgba(255,255,255,.08);

  /* Semanttiset tilat (tausta / teksti) */
  --sb-ok-bg: #e6f4ec;    --sb-ok-ink: #065f2e;    --sb-ok-line: #b7dfc6;
  --sb-warn-bg: #fef3c7;  --sb-warn-ink: #92400e;  --sb-warn-line: #fcd98a;
  --sb-err-bg: #fee2e2;   --sb-err-ink: #991b1b;   --sb-err-line: #fbb6b6;
  --sb-info-bg: #e0ecff;  --sb-info-ink: #1e40af;  --sb-info-line: #b9cffb;
  --sb-neutral-bg: #eef0f3; --sb-neutral-ink: #374151; --sb-neutral-line: #d6dae0;

  /* Datavärit (kaaviot, anturit) */
  --sb-data-1: #0a7a3a; --sb-data-2: #2563eb; --sb-data-3: #ea580c;
  --sb-data-4: #7c3aed; --sb-data-5: #0d9488; --sb-data-6: #64748b;
  --sb-data-err: #dc2626;

  /* Typografia */
  --sb-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sb-font-mono: ui-monospace, "JetBrains Mono", Consolas, monospace;
  --sb-fs-xs: 12px; --sb-fs-sm: 13px; --sb-fs-base: 14px; --sb-fs-md: 15px;
  --sb-fs-lg: 18px; --sb-fs-xl: 22px; --sb-fs-2xl: 28px; --sb-fs-kpi: 30px;
  --sb-lh: 1.45;

  /* Välistys, muoto */
  --sb-space-1: 4px; --sb-space-2: 8px; --sb-space-3: 12px; --sb-space-4: 16px;
  --sb-space-5: 24px; --sb-space-6: 32px;
  --sb-radius-sm: 8px; --sb-radius: 12px; --sb-radius-lg: 16px; --sb-radius-pill: 999px;
  --sb-shadow-sm: 0 1px 2px rgba(17,24,39,.04), 0 1px 3px rgba(17,24,39,.06);
  --sb-shadow-md: 0 4px 12px rgba(17,24,39,.06), 0 2px 6px rgba(17,24,39,.04);
  --sb-shadow-lg: 0 12px 32px rgba(17,24,39,.14), 0 4px 10px rgba(17,24,39,.06);

  /* Layout */
  --sb-sidebar-w: 248px;  --sb-sidebar-w-collapsed: 64px;
  --sb-topbar-h: 56px;    --sb-content-max: 1440px;
  --sb-focus: 0 0 0 3px rgba(10,122,58,.35);

  /* K43-chatbot (launcher-API) lukee nämä :root-tasolta. --k43-font jätetään tarkoituksella
     asettamatta: sivun web-fontit eivät lataudu chat-iframeen. */
  --k43-accent: var(--sb-accent);
  --k43-radius: var(--sb-radius);
}

[data-bs-theme=dark] {
  --sb-bg: #0b1220;  --sb-surface: #111a2e;  --sb-surface-2: #172138;
  --sb-line: #243049; --sb-line-strong: #2b3755;
  --sb-ink: #e5e7eb;  --sb-ink-soft: #cbd5e1; --sb-ink-muted: #94a3b8; --sb-ink-faint: #64748b;
  --sb-accent: #22a35a; --sb-accent-dark: #1b8a4b; --sb-accent-soft: rgba(34,163,90,.18);
  --sb-accent-ink: #6ee7a0;
  --sb-accent-rgb: 34,163,90;
  --sb-nav-bg: #0a0f1c; --sb-nav-bg-2: #0f172a;
  --sb-nav-line: rgba(255,255,255,.06);
  --sb-ok-bg: rgba(34,163,90,.18);    --sb-ok-ink: #6ee7a0;   --sb-ok-line: rgba(34,163,90,.4);
  --sb-warn-bg: rgba(217,119,6,.20);  --sb-warn-ink: #fbbf24; --sb-warn-line: rgba(217,119,6,.45);
  --sb-err-bg: rgba(220,38,38,.20);   --sb-err-ink: #fca5a5;  --sb-err-line: rgba(220,38,38,.45);
  --sb-info-bg: rgba(37,99,235,.22);  --sb-info-ink: #93c5fd; --sb-info-line: rgba(37,99,235,.45);
  --sb-neutral-bg: rgba(148,163,184,.16); --sb-neutral-ink: #cbd5e1; --sb-neutral-line: rgba(148,163,184,.3);
  --sb-data-1: #34d27b; --sb-data-2: #60a5fa; --sb-data-3: #fb923c;
  --sb-data-4: #a78bfa; --sb-data-5: #2dd4bf; --sb-data-6: #94a3b8;
  --sb-data-err: #f87171;
  --sb-shadow-sm: 0 1px 2px rgba(0,0,0,.4); --sb-shadow-md: 0 8px 24px rgba(0,0,0,.45);
  --sb-shadow-lg: 0 16px 40px rgba(0,0,0,.55);
  --sb-focus: 0 0 0 3px rgba(34,163,90,.45);
  --k43-accent: var(--sb-accent);
  --k43-radius: var(--sb-radius);
  color-scheme: dark;
}