:root {
  /* Marca */
  --iscp-primary: #1498b7;
  --iscp-primary-hover: #1186a2;
  --iscp-primary-soft: rgba(20, 152, 183, 0.12);

  /* Estados */
  --iscp-success: #27b37e;
  --iscp-success-soft: rgba(39, 179, 126, 0.13);

  --iscp-warning: #e9a23b;
  --iscp-warning-soft: rgba(233, 162, 59, 0.14);

  --iscp-danger: #e35d6a;
  --iscp-danger-soft: rgba(227, 93, 106, 0.14);

  /* Superficies */
  --iscp-bg: #07141d;
  --iscp-bg-elevated: #0b1d28;
  --iscp-surface: #102632;
  --iscp-surface-hover: #15303e;
  --iscp-surface-soft: rgba(255, 255, 255, 0.035);

  /* Texto */
  --iscp-text: #f4f8fa;
  --iscp-text-muted: #9fb7c5;
  --iscp-text-subtle: #72909f;

  /* Bordes */
  --iscp-border: rgba(159, 183, 197, 0.18);
  --iscp-border-strong: rgba(159, 183, 197, 0.3);

  /* Espaciado */
  --iscp-space-1: 4px;
  --iscp-space-2: 8px;
  --iscp-space-3: 12px;
  --iscp-space-4: 16px;
  --iscp-space-5: 20px;
  --iscp-space-6: 24px;
  --iscp-space-8: 32px;

  /* Radios */
  --iscp-radius-sm: 8px;
  --iscp-radius-md: 12px;
  --iscp-radius-lg: 16px;
  --iscp-radius-xl: 22px;
  --iscp-radius-pill: 999px;

  /* Sombras */
  --iscp-shadow-sm:
    0 4px 14px rgba(0, 0, 0, 0.16);

  --iscp-shadow-md:
    0 12px 30px rgba(0, 0, 0, 0.22);

  /* Tipografía */
  --iscp-font:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --iscp-font-size-xs: 0.75rem;
  --iscp-font-size-sm: 0.875rem;
  --iscp-font-size-md: 1rem;
  --iscp-font-size-lg: 1.125rem;
  --iscp-font-size-xl: 1.35rem;

  /* Interacción */
  --iscp-control-height: 44px;
  --iscp-transition: 160ms ease;
}