/**
 * WHY family design tokens — vendored into WHY-Admin, not runtime-shared.
 * Snapshot taken (read-only, with IMY permission 2026-08-01) from the WHY
 * platform's tokens, following the License+ vendoring precedent.
 *
 * SINGLE SOURCE OF TRUTH: every color, radius, shadow and spacing value in
 * styles.css references these variables — no literals in components (DRY).
 */

:root {
  /* --- WHY semantic palette ------------------------------------------------ */
  --primary: #0d6efd;
  --primary-hover: #0b5ed7;
  --primary-light: #e0f2fe;
  --primary-dark: #084298;

  --success: #198754;
  --success-bg: #ecfdf5;
  --success-border: #a7e8c9;
  --success-fg: #0f5132;

  --warning: #f59e0b;
  --warning-bg: #fffbeb;
  --warning-border: #fde68a;
  --warning-fg: #92400e;

  --danger: #dc3545;
  --danger-bg: #fef2f2;
  --danger-border: #fecaca;
  --danger-fg: #842029;

  --info: #0dcaf0;
  --info-bg: #eff9fc;
  --info-border: #bee9f5;
  --info-fg: #055160;

  /* --- Surfaces & text ----------------------------------------------------- */
  --bg-main: #f5f7fa;
  --bg-card: #ffffff;
  --bg-card-alt: #fafbfd;
  --text-1: #1a1f2e;
  --text-2: #5a6172;
  --text-3: #737b8e; /* AA contrast on white (was #8a91a3, failed 4.5:1) */
  --border: #e4e7ee;
  --border-light: #eef0f5;

  /* --- Sidebar (WHY dark) -------------------------------------------------- */
  --sb-bg: #1a1d21;
  --sb-hover: #24282e;
  --sb-active: #2a3040;
  --sb-text: #9aa2b1;
  --sb-text-active: #ffffff;
  --sb-label: rgba(255, 255, 255, 0.28);
  --sb-border: rgba(255, 255, 255, 0.06);

  /* --- Effects ------------------------------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow: 0 1px 3px rgba(16, 24, 40, 0.07), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 6px 16px -6px rgba(16, 24, 40, 0.12);
  --shadow-modal: 0 24px 60px -12px rgba(16, 24, 40, 0.35);
  --focus-ring: 0 0 0 3px rgba(13, 110, 253, 0.14);
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --transition: 0.15s ease;

  /* --- Layout -------------------------------------------------------------- */
  --sidebar-w: 244px;
  /* A CEILING, not a fixed width (License+ family decision): below it the
     content fills whatever room exists. 1760 fills a 1920 monitor fully and
     keeps a modest margin at 2560 — no dead zone, no table stretched across
     the whole desk. */
  --content-max: 1760px;

  /* --- Type (WHY / License+ family scale — 17px body base) ------------------ */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "Cascadia Code", "SF Mono", Consolas, Menlo, monospace;
  --fs-micro: 0.625rem;  /* 10px — decorative micro labels */
  --fs-xxs: 0.6875rem;   /* 11px — badges, tags */
  --fs-xs: 0.75rem;      /* 12px — table headers, hints, meta */
  --fs-sm: 0.875rem;     /* 14px — table cells, buttons, nav, inputs */
  --fs-md: 1rem;         /* 16px */
  --fs-base: 1.0625rem;  /* 17px — body (License+ / WHY standard) */
  --fs-lg: 1.125rem;     /* 18px */
  --fs-xl: 1.25rem;      /* 20px */
  --fs-xxl: 1.5rem;      /* 24px — page titles */
  --fs-kpi: 1.75rem;     /* 28px — KPI numbers */

  --z-modal: 200;
  --z-toast: 300;
}

.hidden {
  display: none !important;
}