/* ==========================================================================
   DESIGN TOKENS & VARIABLES - VEXI THEME
   ========================================================================== */

:root {
  /* Brand & Dark Atmosphere */
  --bg-main: #0a0a0a;
  --bg-surface: rgba(20, 20, 20, 0.7);
  --bg-surface-elevated: rgba(26, 26, 26, 0.85);
  --bg-surface-glass: rgba(14, 14, 14, 0.75);
  --bg-surface-glass-heavy: rgba(10, 10, 10, 0.92);
  --bg-input: rgba(18, 18, 18, 0.85);
  --bg-hover: rgba(255, 255, 255, 0.06);

  /* Primary Accent: Vexi Official Logo Neon Green */
  --primary: #D1F82E;
  --primary-hover: #bceb1a;
  --primary-active: #a6d90d;
  --primary-subtle: rgba(209, 248, 46, 0.12);
  --primary-glow: rgba(209, 248, 46, 0.45);

  /* Dynamic Atmospheric Ambient Background Palette (Neutral & Emerald) */
  --ambient-color-1: rgba(209, 248, 46, 0.12);
  --ambient-color-2: rgba(255, 255, 255, 0.04);
  --ambient-color-3: rgba(209, 248, 46, 0.06);
  --ambient-bg-tint: rgba(10, 10, 10, 0.95);
  --ambient-cover-url: url('https://passi-api.jacket.tux.ar/storage/images/events/51/front_page_2026-04-22_02-38-05.png');

  /* Status Colors */
  --success: #D1F82E;
  --success-subtle: rgba(209, 248, 46, 0.15);
  --warning: #f59e0b;
  --warning-subtle: rgba(245, 158, 11, 0.15);
  --error: #ff4343;
  --error-subtle: rgba(255, 67, 67, 0.15);

  /* Typography Colors */
  --text-main: #ffffff;
  --text-muted: #a1a1aa;
  --text-dim: #8e8e93;
  --text-invert: #000000;

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-line: rgba(255, 255, 255, 0.12);
  --border-card: rgba(255, 255, 255, 0.12);
  --border-focus: #D1F82E;
  --border-glow: rgba(209, 248, 46, 0.4);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.85);
  --shadow-glow: 0 0 30px rgba(209, 248, 46, 0.35);
  --shadow-modal: 0 24px 70px rgba(0, 0, 0, 0.95), 0 0 1px rgba(255, 255, 255, 0.2);

  /* Border Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Typography */
  --font-display: 'AlternateGothicProCyrillic', 'Alternate Gothic', 'Bebas Neue', 'Oswald', sans-serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Layout Spacing */
  --container-max-width: 1200px;
  --container-padding: 24px;
  --header-height: 72px;
  --sticky-bottom-bar-height: 84px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}