/* =========================================================
   GLOBALREACH ADMIN DESIGN SYSTEM TOKENS
   Monochromatic Architectural Foundation + Telemetry Accents
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  /* Core Monochrome Palette */
  --admin-bg-base: #06070a;
  --admin-bg-sidebar: #090c10;
  --admin-bg-topbar: rgba(9, 12, 16, 0.85);
  --admin-bg-panel: #0e1218;
  --admin-bg-card: #121720;
  --admin-bg-hover: rgba(255, 255, 255, 0.04);
  --admin-bg-input: #080b0f;

  /* High-Contrast Light Contrast Accents */
  --admin-white: #ffffff;
  --admin-light-bg: #f8fafc;
  --admin-light-surface: #ffffff;
  --admin-light-border: #e2e8f0;

  /* Borders & Dividers */
  --admin-border-subtle: rgba(255, 255, 255, 0.08);
  --admin-border-medium: rgba(255, 255, 255, 0.14);
  --admin-border-strong: rgba(255, 255, 255, 0.24);

  /* Typography Colors */
  --admin-text-primary: #f8fafc;
  --admin-text-secondary: #94a3b8;
  --admin-text-muted: #64748b;
  --admin-text-inverse: #06070a;

  /* Telemetry Status Colors */
  --admin-emerald: #10b981;
  --admin-emerald-bg: rgba(16, 185, 129, 0.12);
  --admin-emerald-border: rgba(16, 185, 129, 0.28);

  --admin-amber: #f59e0b;
  --admin-amber-bg: rgba(245, 158, 11, 0.12);
  --admin-amber-border: rgba(245, 158, 11, 0.28);

  --admin-blue: #3b82f6;
  --admin-blue-bg: rgba(59, 130, 246, 0.12);
  --admin-blue-border: rgba(59, 130, 246, 0.28);

  --admin-rose: #f43f5e;
  --admin-rose-bg: rgba(244, 63, 94, 0.12);
  --admin-rose-border: rgba(244, 63, 94, 0.28);

  --admin-purple: #a855f7;
  --admin-purple-bg: rgba(168, 85, 247, 0.12);
  --admin-purple-border: rgba(168, 85, 247, 0.28);

  --admin-teal: #14b8a6;
  --admin-teal-bg: rgba(20, 184, 166, 0.12);
  --admin-teal-border: rgba(20, 184, 166, 0.28);

  /* Typography Families */
  --admin-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --admin-font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* Layout Measurements */
  --admin-sidebar-width: 260px;
  --admin-sidebar-collapsed: 72px;
  --admin-topbar-height: 64px;

  /* Shadows & Depth */
  --admin-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
  --admin-shadow-md: 0 4px 16px -2px rgba(0, 0, 0, 0.45);
  --admin-shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, 0.6);

  /* Transitions */
  --admin-transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --admin-radius: 0px; /* Sharp architectural Swiss lines */
}

/* Base Reset for Admin */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--admin-font-sans);
  background-color: var(--admin-bg-base);
  color: var(--admin-text-primary);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, select, textarea {
  font-family: inherit;
  color: inherit;
}