/* ============================================================
   SUMMITOS — DESIGN TOKENS (Enterprise SaaS)
   ============================================================ */
:root {
  /* Core Palette */
  --navy:       #18181b; /* zinc-900 for sidebar/cards */
  --blue:       #6366f1; /* indigo-500 */
  --blue-light: #818cf8; /* indigo-400 */
  --dark:       #09090b; /* zinc-950 for background */
  --mid:        #27272a; /* zinc-800 for hovers/borders */
  
  /* Surfaces */
  --card:       #18181b; /* zinc-900 */
  --card-border:rgba(255,255,255,0.08);
  
  /* Text */
  --text:       #f4f4f5; /* zinc-50 */
  --muted:      #a1a1aa; /* zinc-400 */
  
  /* Status */
  --green:      #10b981; /* emerald-500 */
  --amber:      #f59e0b; /* amber-500 */
  --red:        #ef4444; /* red-500 */
  --white:      #ffffff;

  /* Typography - Strict Inter/system-ui */
  --font-sans:  'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-cond:  var(--font-sans);
  --font-serif: var(--font-sans);

  /* Layout */
  --sidebar-w:  250px;
  --topbar-h:   56px;
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  12px;

  /* Shadows - Minimal/Calm */
  --shadow:       0 1px 2px 0 rgba(0, 0, 0, 0.2);
  --shadow-soft:  0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --glow:         0 0 0 2px rgba(99, 102, 241, 0.4);

  --transition: 0.15s ease;
}