/* ─────────────────────────────────────────────────────────────
   INFRADESK DESIGN TOKENS & SYSTEM VARIABLES
   Primary Brand Color: #27BA36 (Infradesk Green)
   High-Tech B2B SaaS Enterprise Aesthetics
   ───────────────────────────────────────────────────────────── */

:root {
  /* Brand Primary: Infradesk Sovereign Green */
  --brand-green: #27ba36;
  --brand-green-hover: #22a32f;
  --brand-green-glow: rgba(39, 186, 54, 0.4);
  --brand-green-soft: rgba(39, 186, 54, 0.12);
  --brand-green-border: rgba(39, 186, 54, 0.3);

  /* Primary references */
  --bs-primary: #27ba36;
  --bs-darker: #07090e;

  /* Secondary Accents */
  --brand-blue: #0071e3;
  --brand-cyan: #27ba36; /* Unified to brand green */
  --brand-cyan-glow: rgba(39, 186, 54, 0.35);
  --accent-orange: #ff6b2c;
  --accent-orange-hover: #ff8954;
  --accent-orange-glow: rgba(255, 107, 44, 0.45);

  /* Status Colors */
  --status-healthy: #27ba36;
  --status-healthy-glow: rgba(39, 186, 54, 0.5);
  --status-warn: #f59e0b;
  --status-error: #ef4444;

  /* Surfaces & Dark Obsidian Theme */
  --bg-deep: #07090e;
  --bg-dark: #07090e;
  --bg-surface: #0c1017;
  --bg-surface-elevated: #121824;
  --bg-card: rgba(18, 24, 38, 0.75);
  --bg-card-hover: rgba(26, 36, 56, 0.9);
  --bg-card-solid: #0f172a;
  --bg-glass-input: rgba(255, 255, 255, 0.05);

  /* Light Theme Surfaces */
  --bg-light-paper: #ffffff;
  --bg-light-soft: #f8fafc;
  --bg-light-dim: #f1f5f9;
  --border-light: #e2e8f0;
  --border-light-soft: rgba(0, 0, 0, 0.07);

  /* Typography & Ink Shades */
  --text-white: #ffffff;
  --text-dim: #cbd5e1;
  --text-muted: #94a3b8;
  --text-dark-headline: #0f172a;
  --text-dark-body: #334155;
  --text-dark-muted: #64748b;

  /* Luminous Borders & Glass Borders */
  --border-glass: rgba(255, 255, 255, 0.12);
  --border-glass-hover: rgba(39, 186, 54, 0.45);
  --border-glass-subtle: rgba(255, 255, 255, 0.06);
  --border-glass-green: rgba(39, 186, 54, 0.35);

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #27ba36 0%, #10b981 50%, #0071e3 100%);
  --grad-green-text: linear-gradient(135deg, #ffffff 10%, #27ba36 60%, #4ade80 100%);
  --grad-orange: linear-gradient(135deg, #ff6b2c 0%, #f59e0b 100%);
  --grad-dark-card: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 100%);

  /* Spatial Glows */
  --glow-radial-green: radial-gradient(closest-side, rgba(39, 186, 54, 0.22), transparent 70%);
  --glow-radial-blue: radial-gradient(closest-side, rgba(0, 113, 227, 0.2), transparent 70%);

  /* Layout, Radii & Spacing */
  --container-max: 1280px;
  --container-lg: 1332px;
  --container-narrow: 840px;
  --radius-pill: 9999px;
  --radius-card: 22px;
  --radius-inner: 16px;
  --radius-sm: 10px;
  --nav-height: 70px;
  --gutter-x: 40px;

  /* Font Stack */
  --font-main: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Inter', 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', Menlo, Consolas, monospace;

  /* Motion & Easings */
  --ease-out-apple: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.18s ease;
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}