/* ============================================================================
   RESTART UI — Design Tokens
   Variables base del sistema visual de RST-INTRA. Importar ANTES de restart-ui.css.
   ============================================================================ */

:root {
  /* ── Marca ──────────────────────────────────────────────── */
  --rs-blue:        #398aff;   /* color de marca / Comercial   */
  --rs-blue-dk:     #1d6adb;
  --rs-cyan:        #07ede6;

  /* ── Acentos por área ───────────────────────────────────── */
  --rs-comercial:    #398aff;
  --rs-arquitectura: #7c3aed;
  --rs-arquitectura-dk: #5b21b6;
  --rs-finanzas:     #0d9488;
  --rs-finanzas-dk:  #0f766e;

  /* ── Neutros ────────────────────────────────────────────── */
  --rs-white:   #ffffff;
  --rs-bg:      #f0f4fa;   /* fondo de página            */
  --rs-light:   #edf4fc;   /* superficies suaves / chips */
  --rs-border:  #e2e8f0;
  --rs-mid:     #78828c;   /* texto secundario           */
  --rs-muted:   #64748b;
  --rs-dark:    #1a2330;   /* texto principal            */

  /* ── Estados ────────────────────────────────────────────── */
  --rs-success:    #065f46;  --rs-success-bg: #d1fae5;  --rs-success-btn: #16a34a;
  --rs-warn:       #92400e;  --rs-warn-bg:    #fef3c7;
  --rs-error:      #991b1b;  --rs-error-bg:   #fee2e2;
  --rs-info:       #1e3a5f;  --rs-info-bg:    #e0f2fe;

  /* ── Gradientes ─────────────────────────────────────────── */
  --rs-grad-accent:       linear-gradient(90deg, #07ede6, #398aff);
  --rs-grad-hero:         linear-gradient(135deg, #05d9e0 0%, #398aff 45%, #3b5775 100%);
  --rs-grad-comercial:    linear-gradient(135deg, #07ede6 0%, #398aff 100%);
  --rs-grad-arquitectura: linear-gradient(135deg, #c084fc 0%, #7c3aed 100%);
  --rs-grad-finanzas:     linear-gradient(135deg, #34d399 0%, #0d9488 100%);
  --rs-grad-hero-arq:     linear-gradient(135deg, #7c3aed 0%, #5b21b6 50%, #3b0764 100%);
  --rs-grad-hero-fin:     linear-gradient(135deg, #0d9488 0%, #0f766e 45%, #134e4a 100%);

  /* ── Tipografía ─────────────────────────────────────────── */
  --rs-font:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --rs-mono:  'Space Mono', 'Courier New', monospace;

  --rs-fs-xs:  11px;
  --rs-fs-sm:  12px;
  --rs-fs-base:14px;
  --rs-fs-md:  16px;
  --rs-fs-lg:  20px;
  --rs-fs-xl:  30px;
  --rs-fs-2xl: 44px;

  /* ── Radios ─────────────────────────────────────────────── */
  --rs-r-sm:   6px;
  --rs-r:      10px;
  --rs-r-lg:   14px;
  --rs-r-xl:   20px;
  --rs-r-pill: 9999px;

  /* ── Sombras ────────────────────────────────────────────── */
  --rs-shadow-sm:  0 2px 12px rgba(57,138,255,.07);
  --rs-shadow:     0 2px 16px rgba(57,138,255,.08);
  --rs-shadow-md:  0 8px 24px rgba(57,138,255,.12);
  --rs-shadow-lg:  0 20px 60px rgba(30,34,170,.20);

  /* ── Layout ─────────────────────────────────────────────── */
  --rs-topbar-h: 58px;
  --rs-maxw:     1100px;
}