/* ==========================================================================
   TachoLogic — Design Tokens v1
   Modern Spatial Dark UI · Zinc + Emerald palette
   Carregado DEPOIS de styles.css — sobrepõe todas as variáveis CSS.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* ── Backgrounds (Zinc) ─────────────────────────────────────────────── */
  --bg:       #09090B;   /* bgBase     · Zinc 950 */
  --surface:  #0C0C0F;
  --card:     #18181B;   /* bgCard     · Zinc 900 */
  --card2:    #1F1F23;
  --elevated: #27272A;   /* bgElevated · Zinc 800 */
  --border:   rgba(255,255,255,0.06);
  --border2:  rgba(255,255,255,0.11);

  /* ── Semantic Colors ────────────────────────────────────────────────── */
  --green:      #10B981;            /* primary · Emerald 500 */
  --green-dim:  rgba(16,185,129,0.10);
  --amber:      #F59E0B;            /* warning · Amber 500   */
  --amber-dim:  rgba(245,158,11,0.10);
  --red:        #EF4444;            /* danger  · Red 500     */
  --red-dim:    rgba(239,68,68,0.10);
  --blue:       #3B82F6;            /* info    · Blue 500    */

  /* ── Text (Zinc) ────────────────────────────────────────────────────── */
  --text:   #F4F4F5;   /* textPrimary   · Zinc 100 */
  --text2:  #A1A1AA;   /* textSecondary · Zinc 400 */
  --text3:  #52525B;   /* tertiary      · Zinc 600 */

  /* ── Typography — Inter (geometric sans-serif) ──────────────────────── */
  /*  weight 800: números críticos apenas
      weight 500/400: texto normal                                          */
  --df: 'Inter', sans-serif;   /* display/labels  */
  --db: 'Inter', sans-serif;   /* body            */
  /* --dm mantém JetBrains Mono para valores de relógio e digits            */

  /* ── Semantic aliases (compat) ──────────────────────────────────────── */
  --bg-app:         var(--bg);
  --bg-card:        var(--card);
  --bg-elevated:    var(--elevated);
  --border-subtle:  var(--border);
  --text-primary:   var(--text);
  --text-secondary: var(--text2);
  --accent-success: var(--green);
  --accent-warning: var(--amber);
  --accent-danger:  var(--red);

  /* ── Shorthand (novo design) ────────────────────────────────────────── */
  --primary: #10B981;
  --warning: #F59E0B;
  --danger:  #EF4444;

  /* ── Radii & Spacing ────────────────────────────────────────────────── */
  --radius:  20px;
  --spacing: 14px;
}