/* 
  EGL Shop - Centralized Theme Variables 
  Luxury Obsidian Glassmorphism (Cyber-Nordic Minimalist)
*/

:root {
  /* Color Palette - Premium Dark Mode (EGL) */
  --bg-primary: #0a0c14;            /* Deep Obsidian */
  --bg-secondary: #131722;          /* Card base surface */
  --bg-surface: #181d2c;            /* Elevated component surface */
  --bg-glass: rgba(19, 23, 34, 0.72); /* Glassmorphism background */
  --bg-glass-card: rgba(24, 29, 44, 0.65);
  --bg-glass-input: rgba(14, 17, 26, 0.85);

  /* Primary Brand Accents */
  --accent-primary: #8b5cf6;        /* Electric Violet Purple */
  --accent-hover: #a78bfa;          /* Lighter Violet for hover */
  --accent-gradient: linear-gradient(135deg, #7c3aed 0%, #9333ea 50%, #c026d3 100%);
  --accent-glow: rgba(139, 92, 246, 0.45);
  --cyan-ice: #06b6d4;              /* Cyan highlight */
  --cyan-glow: rgba(6, 182, 212, 0.35);

  /* Status Colors (1:1 with Admin Dashboard) */
  --status-pending: #f59e0b;        /* Amber */
  --status-pending-bg: rgba(245, 158, 11, 0.12);
  --status-pending-border: rgba(245, 158, 11, 0.35);
  --status-pending-glow: rgba(245, 158, 11, 0.4);

  --status-confirmed: #3b82f6;      /* Vibrant Blue */
  --status-confirmed-bg: rgba(59, 130, 246, 0.12);
  --status-confirmed-border: rgba(59, 130, 246, 0.35);
  --status-confirmed-glow: rgba(59, 130, 246, 0.4);

  --status-shipped: #a855f7;        /* Purple */
  --status-shipped-bg: rgba(168, 85, 247, 0.12);
  --status-shipped-border: rgba(168, 85, 247, 0.35);
  --status-shipped-glow: rgba(168, 85, 247, 0.4);

  --status-cancelled: #ef4444;      /* Red */
  --status-cancelled-bg: rgba(239, 68, 68, 0.12);
  --status-cancelled-border: rgba(239, 68, 68, 0.35);
  --status-cancelled-glow: rgba(239, 68, 68, 0.4);

  /* Functional Colors */
  --text-primary: #ffffff;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --danger: #ef4444;
  --danger-hover: #dc2626;
  --success: #10b981;
  --warning: #f59e0b;

  /* Borders & Shadows */
  --border-glass: 1px solid rgba(255, 255, 255, 0.09);
  --border-glass-subtle: 1px solid rgba(255, 255, 255, 0.05);
  --border-glass-active: 1px solid rgba(139, 92, 246, 0.5);
  --shadow-glass: 0 12px 36px 0 rgba(0, 0, 0, 0.45);
  --shadow-card: 0 8px 24px -4px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px rgba(139, 92, 246, 0.35);

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  /* Telegram Theme Sync */
  --tg-theme-bg-color: var(--bg-primary);
  --tg-theme-text-color: var(--text-primary);
  --tg-theme-hint-color: var(--text-secondary);
  --tg-theme-link-color: var(--accent-primary);
  --tg-theme-button-color: var(--accent-primary);
  --tg-theme-button-text-color: #ffffff;
}