/*
 * Design-tokeny motywu mono (jasny :root / ciemny :root.dark)
 * Źródło: docs/ux-reference/core-shell.jsx
 * Zadanie: REBRAND-TOKENS-1
 *
 * Zmienne zdefiniowane, jeszcze nie konsumowane — wygląd bez zmian do czasu reskinu shella.
 */

:root {
  /* Tła i powierzchnie */
  --bg: #f5f5f6;
  --surface: #ffffff;
  --surfaceAlt: #fafafa;
  --surfaceHover: #f3f3f4;

  /* Linie i ramki */
  --line: #e9e9ec;
  --line2: #dddde1;

  /* Tekst */
  --ink: #18181c;
  --ink2: #5c5c66;
  --ink3: #8c8c95;

  /* Akcent */
  --accent: #18181c;
  --accentText: #ffffff;
  --accentSoft: #f0f0f2;

  /* Stany semantyczne */
  --err: oklch(0.55 0.2 27);
  --errBg: oklch(0.955 0.04 27);
  --warn: oklch(0.56 0.12 62);
  --warnBg: oklch(0.96 0.058 72);
  --info: oklch(0.5 0.11 245);
  --infoBg: oklch(0.95 0.035 245);
  --ok: oklch(0.55 0.13 155);
  --okBg: oklch(0.95 0.045 155);

  /* Cienie */
  --shadow-card: 0 1px 2px rgba(20,20,30,.04), 0 2px 8px rgba(20,20,30,.05);
  --shadow-pop: 0 12px 32px rgba(20,20,30,.16), 0 0 0 1px rgba(20,20,30,.05);
  --shadow-raise: 0 2px 4px rgba(20,20,30,.05), 0 10px 28px rgba(20,20,30,.08);

  /* Tony badge (t-*) */
  --t-neutral-fg: #5c5c66;
  --t-neutral-bg: #fafafa;
  --t-purple-fg: oklch(0.5 0.13 290);
  --t-purple-bg: oklch(0.955 0.035 290);
  --t-green-fg: oklch(0.5 0.12 155);
  --t-green-bg: oklch(0.95 0.045 155);
  --t-blue-fg: oklch(0.5 0.12 245);
  --t-blue-bg: oklch(0.95 0.038 245);
  --t-orange-fg: oklch(0.56 0.13 55);
  --t-orange-bg: oklch(0.95 0.055 60);
  --t-teal-fg: oklch(0.52 0.09 200);
  --t-teal-bg: oklch(0.95 0.035 200);
  --t-amber-fg: oklch(0.56 0.11 80);
  --t-amber-bg: oklch(0.95 0.06 85);
  --t-red-fg: oklch(0.55 0.2 27);
  --t-red-bg: oklch(0.955 0.04 27);

  /* Scrollbar i hover */
  --scroll: #d3d3da;
  --scrollHover: #b9b9c2;
  --hover: #f3f3f4;
  --rowHover: #fafafb;

  /* Radius — niezależne od motywu */
  --radius: 11px;
  --radius-sm: 8px;
  --radius-xs: 6px;

  /* Overlay modalny — ciemny scrim, stały w obu motywach */
  --overlay-bg: rgba(20, 20, 30, .42);

  /* BulkBar — ciemny pill (zawsze ciemny, niezależnie od motywu) */
  --bulkbar-bg: #1f1f26;
  --bulkbar-fg: #ffffff;
  --bulkbar-bg-dropdown: #2a2a33;
  --bulkbar-border: rgba(255,255,255,.12);
  --bulkbar-divider: rgba(255,255,255,.18);
  --bulkbar-btn-hover: rgba(255,255,255,.08);
  --bulkbar-btn-border: rgba(255,255,255,.18);
  --bulkbar-clear-bg: rgba(255,255,255,.12);
  --bulkbar-danger: #ff8d8d;
}

:root.dark {
  /* Tła i powierzchnie */
  --bg: oklch(0.18 0.006 264);
  --surface: oklch(0.215 0.007 264);
  --surfaceAlt: oklch(0.252 0.008 264);
  --surfaceHover: oklch(0.285 0.009 264);

  /* Linie i ramki */
  --line: oklch(0.3 0.008 264);
  --line2: oklch(0.37 0.009 264);

  /* Tekst */
  --ink: oklch(0.96 0.004 264);
  --ink2: oklch(0.74 0.008 264);
  --ink3: oklch(0.585 0.008 264);

  /* Akcent */
  --accent: oklch(0.62 0.13 250);
  --accentText: #ffffff;
  --accentSoft: oklch(0.32 0.06 250);

  /* Stany semantyczne */
  --err: oklch(0.72 0.17 25);
  --errBg: oklch(0.33 0.08 25);
  --warn: oklch(0.82 0.13 75);
  --warnBg: oklch(0.34 0.06 70);
  --info: oklch(0.74 0.12 245);
  --infoBg: oklch(0.32 0.06 245);
  --ok: oklch(0.8 0.14 155);
  --okBg: oklch(0.32 0.06 155);

  /* Cienie */
  --shadow-card: 0 1px 2px rgba(0,0,0,.4);
  --shadow-pop: 0 12px 32px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06);
  --shadow-raise: 0 2px 6px rgba(0,0,0,.45);

  /* Tony badge (t-*) */
  --t-neutral-fg: oklch(0.74 0.008 264);
  --t-neutral-bg: oklch(0.252 0.008 264);
  --t-purple-fg: oklch(0.8 0.12 290);
  --t-purple-bg: oklch(0.32 0.06 290);
  --t-green-fg: oklch(0.82 0.14 155);
  --t-green-bg: oklch(0.32 0.06 155);
  --t-blue-fg: oklch(0.8 0.12 245);
  --t-blue-bg: oklch(0.32 0.06 245);
  --t-orange-fg: oklch(0.83 0.13 55);
  --t-orange-bg: oklch(0.34 0.07 55);
  --t-teal-fg: oklch(0.8 0.09 200);
  --t-teal-bg: oklch(0.32 0.05 200);
  --t-amber-fg: oklch(0.84 0.12 85);
  --t-amber-bg: oklch(0.34 0.06 80);
  --t-red-fg: oklch(0.72 0.17 25);
  --t-red-bg: oklch(0.33 0.08 25);

  /* Scrollbar i hover */
  --scroll: #3b3b45;
  --scrollHover: #4c4c58;
  --hover: oklch(0.285 0.009 264);
  --rowHover: oklch(0.235 0.008 264);

  /* BulkBar — ciemny pill (intentionally same in dark mode — remains always-dark) */
  --bulkbar-bg: #1f1f26;
  --bulkbar-fg: #ffffff;
  --bulkbar-bg-dropdown: #2a2a33;
  --bulkbar-border: rgba(255,255,255,.12);
  --bulkbar-divider: rgba(255,255,255,.18);
  --bulkbar-btn-hover: rgba(255,255,255,.08);
  --bulkbar-btn-border: rgba(255,255,255,.18);
  --bulkbar-clear-bg: rgba(255,255,255,.12);
  --bulkbar-danger: #ff8d8d;
}