/* kanban.ubs.az — Rəf (UiUxDesigner) semantik tokenləri, layihədəki tətbiqi
   Mənbə: D:\Workspace\Projects\Developer\kanban.ubs.az\public\styles.css
   Sistem: 38 semantik token ailəsi (bg/surface/border/text/primary/success/warning/danger), hex, light + dark (prefers-color-scheme + data-theme). Şrift: Commissioner + JetBrains Mono. */
:root {
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem;
  --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.625rem; --radius-full: 9999px;
  --duration-fast: 120ms; --duration-base: 180ms;
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);

  --font-body: 'Commissioner', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --size-2xs: 0.6875rem; --size-xs: 0.75rem; --size-sm: 0.8125rem;
  --size-base: 0.875rem; --size-md: 1rem; --size-lg: 1.125rem; --size-xl: 1.375rem;

  --bg: #ffffff; --bg-subtle: #f9fafb;
  --surface: #ffffff; --surface-2: #f5f7f9; --surface-3: #eef0f4;
  --border: #dde0e4; --border-strong: #858d99;
  --text: #1c1f25; --text-muted: #5f646b; --text-subtle: #7c8088;
  --primary: #1c50a7; --primary-hover: #053e94; --primary-subtle: #eaf2ff;
  --primary-border: #bad2f9; --on-primary: #ffffff;
  --success: #176933; --success-subtle: #e3f6e6;
  --warning: #8c5500; --warning-subtle: #ffefda;
  --danger: #b71920; --danger-subtle: #ffedeb;
  --focus: #2663c9; --hover-veil: #eef0f4; --overlay: #1a2029;
  --shadow-sm: 0 1px 2px 0 rgb(28 31 37 / 0.06);
  --shadow-md: 0 2px 4px -1px rgb(28 31 37 / 0.08), 0 1px 2px -1px rgb(28 31 37 / 0.06);
  --shadow-lg: 0 12px 24px -8px rgb(28 31 37 / 0.14), 0 2px 6px -2px rgb(28 31 37 / 0.08);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #14171c; --bg-subtle: #101317;
    --surface: #1a1e24; --surface-2: #21262e; --surface-3: #2a3038;
    --border: #333a44; --border-strong: #6d7783;
    --text: #e8eaed; --text-muted: #a2a8b2; --text-subtle: #838a94;
    --primary: #6f9fe8; --primary-hover: #8bb4f0; --primary-subtle: #1b2a44;
    --primary-border: #2f4a76; --on-primary: #10131a;
    --success: #6fce8d; --success-subtle: #17301f;
    --warning: #e0a35c; --warning-subtle: #33260f;
    --danger: #f08a86; --danger-subtle: #3a1c1c;
    --hover-veil: #232932; --shadow-lg: 0 12px 24px -8px rgb(0 0 0 / 0.5);
  }
}
:root[data-theme="dark"] {
  --bg: #14171c; --bg-subtle: #101317;
  --surface: #1a1e24; --surface-2: #21262e; --surface-3: #2a3038;
  --border: #333a44; --border-strong: #6d7783;
  --text: #e8eaed; --text-muted: #a2a8b2; --text-subtle: #838a94;
  --primary: #6f9fe8; --primary-hover: #8bb4f0; --primary-subtle: #1b2a44;
  --primary-border: #2f4a76; --on-primary: #10131a;
  --success: #6fce8d; --success-subtle: #17301f;
  --warning: #e0a35c; --warning-subtle: #33260f;
  --danger: #f08a86; --danger-subtle: #3a1c1c;
  --hover-veil: #232932; --shadow-lg: 0 12px 24px -8px rgb(0 0 0 / 0.5);
  color-scheme: dark;
}