/* ==========================================================================
   Maderatti Hub — Design tokens
   Fuente autoritativa: docs/HUB_SPEC.md sección 8
   ========================================================================== */

:root {
  /* Colores base (8.1) */
  --md-bg:            #1A1A1E;
  --md-surface:       #222226;
  --md-gold:          #C9A84C;
  --md-gold-dark:     #A68636;
  --md-text:          #FFFFFF;
  --md-text-muted:    #999999;
  --md-border-subtle: #333333;
  --md-border-accent: #C9A84C;

  /* Colores semánticos (8.2) */
  --md-danger:         #E24B4A;
  --md-danger-bg:      #3A1818;
  --md-warn:           #EF9F27;
  --md-warn-bg:        #3A2C10;
  --md-ok:             #97C459;
  --md-ok-bg:          #1E2E14;
  --md-info:           #378ADD;
  --md-info-bg:        #102540;

  /* Tipografía (8.3) */
  --md-font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --md-fs-brand: 24px;
  --md-fs-h1: 22px;
  --md-fs-h2: 18px;
  --md-fs-h3: 16px;
  --md-fs-body: 14px;
  --md-fs-kpi: 28px;
  --md-fs-label: 12px;
  --md-fs-micro: 10px;

  /* Espaciado y radios */
  --md-radius-card: 8px;
  --md-radius-btn: 6px;
  --md-radius-badge: 4px;
  --md-pad-card: 16px;
  --md-max-width: 1400px;

  /* Transiciones */
  --md-transition: 150ms ease;
}