/* ==========================================================================
   AIRTEL THANKS 2.0 — BRAND COLOR PALETTE & DESIGN SYSTEM COLOR TOKENS
   Source: work/airtel.html & css/airtel.css
   ========================================================================== */

:root {
  /* ── 1. Brand Core Colors ── */
  --color-airtel-red: #e61f25;          /* Signature Airtel Red */
  --color-airtel-red-alt: #e2231a;      /* Secondary Airtel Red Accent */
  --color-airtel-red-dark: #b81419;     /* Deep Red Shadow/Active */
  --color-airtel-red-glow: rgba(230, 31, 37, 0.35);

  /* ── 2. Accent & Highlight Colors ── */
  --color-highlight-yellow: rgba(255, 214, 0, 0.55);
  --color-accent-gold: #f5c518;
  --color-accent-cyan: #00b0ff;
  --color-accent-green: #10b981;
  --color-accent-orange: #ff9500;

  /* ── 3. Dark Theme System Colors ── */
  --airtel-dark-bg: #0a0a0c;
  --airtel-dark-surface: #121216;
  --airtel-dark-surface-elevated: #18181f;
  --airtel-dark-border: rgba(255, 255, 255, 0.12);
  --airtel-dark-text-primary: #ffffff;
  --airtel-dark-text-secondary: rgba(255, 255, 255, 0.72);
  --airtel-dark-text-muted: rgba(255, 255, 255, 0.45);

  /* ── 4. Light Theme System Colors ── */
  --airtel-light-bg: #ffffff;
  --airtel-light-surface: #f8fafc;
  --airtel-light-surface-elevated: #f1f5f9;
  --airtel-light-border: rgba(15, 23, 42, 0.12);
  --airtel-light-text-primary: #0f172a;
  --airtel-light-text-secondary: #334155;
  --airtel-light-text-muted: #64748b;

  /* ── 5. Radial Shadows & Atmosphere ── */
  --shadow-glow-airtel-red: radial-gradient(ellipse 100% 65% at 50% 100%, rgba(230, 31, 37, 0.35), transparent 70%);
  --shadow-glow-airtel-light: radial-gradient(ellipse 100% 65% at 50% 100%, rgba(230, 31, 37, 0.18), transparent 70%);
}