/* tokens.css — :root de producción (panel.html). Inter, slate, primary #1B4F8A, success #22C55E, danger #EF4444. */
:root {
  --color-bg:        #F8FAFC;
  --color-surface:   #FFFFFF;
  --color-surface-2: #F1F5F9;
  --color-border:    #E2E8F0;
  --color-primary:   #1B4F8A;
  --color-primary-lt:#3B6BA5;
  --color-accent:    #F5B731;
  --color-success:   #22C55E;
  --color-danger:    #EF4444;
  --color-text-h:    #0F172A;
  --color-text-b:    #475569;
  --color-text-m:    #94A3B8;
  --font-display:    'Inter', system-ui, -apple-system, sans-serif;
  --font-body:       'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:       ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-card:     10px;
  --radius-btn:      6px;
  --radius-chip:     20px;
  --shadow-sm:       0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.03);
  --shadow-lg:       0 10px 30px rgba(0,0,0,0.10);
  --ease:            cubic-bezier(.4,0,.2,1);
}