/* ==========================================
   WOPER THEME CORE v1
   Nucleo Institucional de Variables Visuales
   Autoridad: Gobernanza Visual WOPER
   Estado: Congelado para Fase 1A
   ========================================== */

:root {
  /* ========================================
     FONDOS INSTITUCIONALES
     ======================================== */
  --woper-bg-main: #07140F;
  --woper-bg-deep: #050C09;

  /* ========================================
     SUPERFICIES / PANELES
     ======================================== */
  --woper-surface-1: #0B1C16;
  --woper-surface-2: #10241D;
  --woper-surface-3: #142D24;

  /* ========================================
     TEXTO: PRINCIPAL / SECUNDARIO / APAGADO
     ======================================== */
  --woper-text-main: #EAF7F1;
  --woper-text-soft: #A9C7BA;
  --woper-text-muted: #6D8A7E;

  /* ========================================
     COLORES OPERACIONALES PRIMARIOS
     ======================================== */
  /* Verde Operacional */
  --woper-green: #00C16A;
  --woper-green-soft: #36D98D;
  --woper-green-deep: #1F8F5A;

  /* Oro Foundry */
  --woper-gold: #C89B3C;
  --woper-gold-soft: #E0B85A;

  /* Ambar */
  --woper-amber: #D7A93E;

  /* Cian Tecnico Controlado */
  --woper-cyan: #55CFE8;
  --woper-cyan-soft: #8DEBFF;

  /* ========================================
     ESTADOS SEMANTICOS
     ======================================== */
  --woper-success: #00C16A;
  --woper-warning: #D7A93E;
  --woper-danger: #D94A4A;
  --woper-info: #55CFE8;

  /* ========================================
     BORDES
     ======================================== */
  --woper-border-soft: rgba(234, 247, 241, 0.12);
  --woper-border-green: rgba(0, 193, 106, 0.35);
  --woper-border-gold: rgba(200, 155, 60, 0.38);

  /* ========================================
     SOMBRAS / PROFUNDIDAD
     ======================================== */
  --woper-shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.28);
  --woper-shadow-panel: 0 18px 48px rgba(0, 0, 0, 0.38);

  /* ========================================
     GLOW CONTROLADO
     ======================================== */
  --woper-glow-green: 0 0 18px rgba(0, 193, 106, 0.22);
  --woper-glow-gold: 0 0 18px rgba(200, 155, 60, 0.18);

  /* ========================================
     RADIOS
     ======================================== */
  --woper-radius-sm: 8px;
  --woper-radius-md: 12px;
  --woper-radius-lg: 18px;

  /* ========================================
     ESPACIADO BASE
     ======================================== */
  --woper-space-xs: 4px;
  --woper-space-sm: 8px;
  --woper-space-md: 16px;
  --woper-space-lg: 24px;
  --woper-space-xl: 32px;

  /* ========================================
     TIPOGRAFIA BASE
     ======================================== */
  --woper-font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --woper-font-display: "Segoe UI", system-ui, sans-serif;
  --woper-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* ==========================================
   FIN WOPER THEME CORE v1
   ========================================== */