/*
 * tokens.css — ÚNICA fuente de verdad de variables (LEY-150 ART.150-A)
 * Ningún otro archivo CSS contiene valores hex, rgb() o hsl() directamente.
 * Para cambiar la marca: editar SOLO este archivo.
 */

/* ── Fuentes de marca SAMAY (Corsa Grotesk — Typedepot) ── */
@font-face {
  font-family: 'CorsaGrotesk';
  src: url('/static/fonts/CorsaGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CorsaGrotesk';
  src: url('/static/fonts/CorsaGrotesk-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ── Fondo y superficies ── */
  --bg:          #080810;
  --surface:     rgba(255, 255, 255, 0.04);
  --surface-md:  rgba(255, 255, 255, 0.07);
  --border:      rgba(255, 255, 255, 0.08);
  --border-md:   rgba(255, 255, 255, 0.14);

  /* ── Texto ── */
  --text:        #F0F0F0;
  --text-muted:  rgba(255, 255, 255, 0.45);
  --text-dim:    rgba(255, 255, 255, 0.20);

  /* ── Marca SAMAY ── */
  --gold:        #C9A84C;
  --gold-hover:  #E8C96A;
  --gold-dim:    rgba(201, 168, 76, 0.15);

  /* ── Estado ── */
  --success:     #4ADE80;
  --error:       #F87171;
  --warning:     #FBBF24;
  --dormant:     rgba(255, 255, 255, 0.18);

  /* ── Colores por módulo (aurora blobs + badges) ── */
  --mod-crm:         #D97706;
  --mod-ferias:      #1D4ED8;
  --mod-fiscal:      #0369A1;
  --mod-inventario:  #059669;
  --mod-nomina:      #B45309;
  --mod-cotizador:   #7C3AED;
  --mod-maquilas:    #DC2626;
  --mod-ia:          #6D28D9;

  /* ── Tipografía — Corsa Grotesk (fuente oficial SAMAY) ── */
  --font-display: 'CorsaGrotesk', 'DM Sans', sans-serif;
  --font-body:    'CorsaGrotesk', 'DM Sans', sans-serif;
  --font-thin:    'CorsaGrotesk', sans-serif;   /* weight 100 — titulares grandes */
  --font-mono:    'DM Mono', monospace;         /* solo para código y metadata técnica */

  /* ── Espaciado base ── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;

  /* ── Radios ── */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* ── Transiciones ── */
  --transition: 0.18s ease;
}