/* =====================================================
   DESIGN TOKENS
   =====================================================
   Single source of truth for font, sizing, colour and
   elevation across the whole application.

   Sizing baseline is the compact ("industrial") scale:
   30px controls, 12px body text, 10px card labels.

   Never hard-code these values in a page stylesheet.
   ===================================================== */

:root {
  /* ---------- Typography ---------- */

  --font-app: "Segoe UI", sans-serif;

  --fs-xxs: 9px;
  --fs-xs: 10px;
  --fs-sm: 11px;
  --fs-base: 12px;
  --fs-md: 13px;
  --fs-lg: 15px;
  --fs-xl: 18px;
  --fs-page-title: 24px;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.25;
  --lh-base: 1.45;

  /* ---------- Control Sizing ---------- */

  --control-h: 30px;
  --control-h-sm: 26px;
  --btn-h: 30px;
  --btn-h-sm: 26px;

  --icon-badge: 32px;
  --icon-badge-sm: 26px;

  /* ---------- Spacing ---------- */

  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 10px;
  --sp-5: 12px;
  --sp-6: 16px;
  --sp-7: 20px;
  --sp-8: 24px;

  /* ---------- Radius ---------- */

  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* ---------- Elevation ---------- */

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 6px 18px rgba(0, 0, 0, 0.16);

  /* ---------- Brand ---------- */

  --c-primary: #0d6efd;
  --c-primary-hover: #0b5ed7;
  --c-primary-soft: #eaf1ff;

  --c-navbar: #2f77c4;
  --c-table-header: #2f86d6;
  --c-table-header-hover: #2872b8;

  --c-success: #198754;
  --c-success-hover: #146c43;
  --c-danger: #dc3545;
  --c-warning: #f59e0b;
  --c-info: #0891b2;
  --c-dark: #243447;
  --c-secondary: #6c757d;

  /* ---------- Surfaces & Text ---------- */

  --c-bg: #f4f6f9;
  --c-surface: #ffffff;
  --c-surface-alt: #f8fafc;
  --c-surface-tint: #f1f5f9;

  --c-text: #1f2937;
  --c-text-muted: #6c757d;
  --c-text-invert: #ffffff;

  --c-border: #dee2e6;
  --c-border-strong: #cbd5e1;

  /* ---------- Alarm Levels ---------- */

  --c-alarm-normal-bg: #00ff00;
  --c-alarm-normal-fg: #000000;
  --c-alarm-maintenance-bg: #f89a35;
  --c-alarm-maintenance-fg: #000000;
  --c-alarm-critical-bg: #ff0000;
  --c-alarm-critical-fg: #ffffff;

  /* ---------- Layering ---------- */

  --z-table-header: 20;
  --z-sticky-col: 30;
  --z-dropdown: 900;
  --z-navbar: 1000;
  --z-overlay: 1100;
}