/* ═══════════════════════════════════════════════════
   SONO PRO DESIGN TOKENS — tokens.css
   Única fuente de verdad para colores, spacing, tipografía
   Cargar antes que cualquier otro CSS
═══════════════════════════════════════════════════ */

:root {
  /* ── Backgrounds ── */
  --bg-base:    #060d1c;
  --bg-1:       #0a1428;
  --bg-2:       #0d1a30;
  --bg-3:       #111f38;
  --bg-card:    #0d1830;
  --bg-card-2:  #0f1e38;
  --bg-dark:    #0f172a;
  --bg-darker:  #080c14;
  --bg-overlay: rgba(8,12,20,.95);

  /* ── Surfaces (dashboard V6 inline) ── */
  --surface-1:  #0f172a;
  --surface-2:  #1e293b;
  --surface-3:  #111828;
  --surface-4:  #18202e;
  --surface-5:  #1e2838;

  /* ── Borders ── */
  --border:     rgba(255,255,255,0.07);
  --border-2:   rgba(255,255,255,0.12);
  --border-3:   rgba(255,255,255,0.18);
  --border-dim: rgba(255,255,255,.06);
  --border-surf:rgba(255,255,255,.10);
  --border-strong:rgba(255,255,255,.16);

  /* ── Text ── */
  --tx1: #e8f0fe;
  --tx2: #8aaac8;
  --tx3: #4a6a8a;
  --tx4: #263d58;
  --tx5: #2d3f55;
  --text:     #dce8f8;
  --text-2:   #8ba0bb;
  --text-3:   #4d6078;
  --text-dim: #64748b;

  /* ── Accents ── */
  --blue:   #2d82f0;
  --blue-2: #2563eb;
  --blue-3: #3b82f6;
  --cyan:   #00c8f0;
  --green:  #22c55e;
  --red:    #ef4444;
  --yellow: #f59e0b;
  --orange: #f97316;
  --purple: #8b5cf6;
  --teal:   #14b8a6;
  --amber:  #f59e0b;

  /* ── Fonts ── */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --mono: 'SF Mono', 'Fira Code', 'Courier New', monospace;
  --cond: 'Barlow Condensed', sans-serif;

  /* ── Layout ── */
  --radius-sm:  6px;
  --radius:     10px;
  --radius-lg:  16px;
  --radius-xl:  22px;
  --radius-2xl: 30px;
  --shadow:     0 4px 24px rgba(0,0,0,0.45);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.55);
  --shadow-glow:0 0 45px rgba(59,130,246,.18);

  /* ── Transitions ── */
  --transition-fast: 0.15s;
  --transition-normal: 0.3s;
  --transition-slow: 0.5s;

  /* ── Z-index ── */
  --z-topbar: 200;
  --z-sticky: 10;
}