/* ============================================
   Design Tokens — Centro de Comando (Stitch)
   Light Theme • Navy & Blue
   ============================================ */
:root {
  /* Brand */
  --primary-navy:     #00417B;
  --secondary-blue:   #0066CC;
  --accent-light:     #E1E8F0;
  --success-green:    #16A34A;
  --alert-red:        #DC2626;
  --warning-orange:   #EA580C;

  /* Surfaces */
  --bg-light:         #F8FAFC;
  --surface:          #FFFFFF;
  --surface-dim:      #F1F5F9;
  --surface-container:#F1F5F9;

  /* Borders */
  --border-color:     #E2E8F0;
  --border-subtle:    #F1F5F9;

  /* Text */
  --text-main:        #1E293B;
  --text-secondary:   #475569;
  --text-muted:       #64748B;
  --text-disabled:    #94A3B8;
  --text-on-primary:  #FFFFFF;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* Typography */
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', monospace;
  --font-size-xs:   0.6875rem; /* 11px */
  --font-size-sm:   0.8125rem; /* 13px */
  --font-size-base: 0.875rem;  /* 14px */
  --font-size-lg:   1rem;
  --font-size-xl:   1.125rem;
  --font-size-2xl:  1.375rem;
  --font-size-3xl:  1.75rem;

  /* Radius */
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);
  --shadow-lg:  0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.05);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
}