/* ============================================================
   BluExpress Intranet — Design Tokens v2.0.0
   ============================================================ */
:root {
  --blu-900: #013d6b; --blu-800: #017bc1; --blu-600: #027bc4;
  --blu-400: #01a7f1; --blu-200: #05c6fc; --blu-100: #d0f0fd; --blu-50: #e8f7fe;
  --n-900: #000; --n-700: #1a1a1a; --n-500: #4a4a4a; --n-400: #6b6b6b;
  --n-300: #9e9e9e; --n-200: #d0d0d0; --n-100: #ebebeb; --n-50: #f5f5f5;
  --white: #fff;
  --color-success: #1d9e75; --color-success-light: #d1f0e5; --color-success-dark: #0f5e3e;
  --color-warning: #ba7517; --color-warning-light: #fef3d8; --color-warning-dark: #7a4e00;
  --color-danger:  #c0392b; --color-danger-light:  #fde8e8; --color-danger-dark:  #7a1818;
  --surface-page:    #f5f5f5; --surface-card:    #fff; --surface-sidebar: #fff;
  --surface-topbar:  #fff;   --surface-input:   #fff; --surface-hover:   #f5f5f5;
  --border-default: 0.5px solid #d0d0d0; --border-subtle: 0.5px solid #ebebeb;
  --border-focus:   1px solid #01a7f1;   --border-accent: 2px solid #017bc1;
  --text-primary:   #000;   --text-secondary: #4a4a4a; --text-muted: #6b6b6b;
  --text-hint:      #9e9e9e; --text-on-dark:   #fff;   --text-link:  #017bc1;
  --font-sans: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'DM Mono', monospace;
  --fs-xs: 11px; --fs-sm: 12px; --fs-base: 14px; --fs-md: 15px;
  --fs-lg: 18px; --fs-xl: 22px; --fs-2xl: 28px;
  --fw-regular: 400; --fw-medium: 500;
  --lh-tight: 1.3; --lh-base: 1.6; --lh-loose: 1.75;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
  --radius-xl: 16px; --radius-full: 9999px;
  --sidebar-width: 220px; --topbar-height: 56px; --content-max-w: 1200px;
  --transition-fast: 0.12s ease; --transition-base: 0.18s ease; --transition-slow: 0.28s ease;
  --shadow-focus: 0 0 0 3px rgba(1,167,241,0.18);
}
@media (prefers-color-scheme: dark) {
  :root {
    --surface-page: #0f1117; --surface-card: #1a1d27;
    --surface-sidebar: #14171f; --surface-topbar: #14171f;
    --surface-input: #1a1d27; --surface-hover: #1e2130;
    --text-primary: #f0f0f0; --text-secondary: #a0a4b0;
    --text-muted: #717585; --text-hint: #4e5265;
    --n-100: #1e2130; --n-200: #2a2e40; --n-300: #4a4f65;
    --border-default: 0.5px solid #2a2e40; --border-subtle: 0.5px solid #1e2130;
  }
}