/*
 * MANIFEROS THEME — CSS Custom Properties
 * Paleta extraída de carteles reales de Manifa (Instagram @manifa_punk)
 */

:root {
  /* === FONDOS === */
  --bg-primary: #0A0A0A;
  --bg-secondary: #111111;
  --bg-tertiary: #1A1A1A;
  --bg-card: #141414;

  /* === VERDE MANIFA — color del logo === */
  --green: #5BBF21;
  --green-dark: #3D8A15;
  --green-glow: #6EE030;

  /* === ROSA PUNK — texto destacado, tags === */
  --pink: #E54D9B;
  --pink-dark: #B83A7A;
  --pink-glow: #FF5DB5;

  /* === PURPURA — fondos radiales, acentos === */
  --purple: #6B2D8B;
  --purple-dark: #4A1E62;
  --purple-light: #8B45B0;

  /* === DORADO — detalles puntuales === */
  --gold: #D4A017;

  /* === TEXTO === */
  --text-primary: #E0E0E0;
  --text-secondary: #888888;
  --text-highlight: #FFFFFF;
  --text-muted: #555555;

  /* === TIPOGRAFIA === */
  --font-logo: 'Bungee', sans-serif;
  --font-display: 'Anton', sans-serif;
  --font-body: 'Source Sans 3', sans-serif;
  --font-mono: 'Space Mono', monospace;

  /* === SPACING === */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 60px;
  --space-3xl: 80px;

  /* === CONTAINER === */
  --container-max: 1280px;
  --container-padding: 40px;

  /* === TRANSITIONS === */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;

  /* === BORDERS === */
  --border-color: var(--bg-tertiary);
}

@media (max-width: 768px) {
  :root {
    --container-padding: 20px;
  }
}