/* =========================================
   Design Tokens - We Are Wireless
   ========================================= */

:root {
  /* Backgrounds */
  --color-bg-primary: #0A0A0F;
  --color-bg-secondary: #111118;
  --color-bg-elevated: #1A1A24;
  --color-bg-glass: rgba(18, 18, 28, 0.6);

  /* Accents - Telecom Orange Palette */
  --color-accent-orange: #FF6A00;
  --color-accent-orange-light: #FF8C33;
  --color-accent-orange-dark: #E55D00;
  --color-accent-amber: #FFB800;
  --color-accent-white: #FFFFFF;
  --color-accent-green: #00CC6A;

  /* Text */
  --color-text-primary: #F5F5F7;
  --color-text-secondary: #9CA3AF;
  --color-text-muted: #6B7280;

  /* Borders */
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-hover: rgba(255, 106, 0, 0.3);

  /* Gradients */
  --gradient-hero: linear-gradient(135deg, #0A0A0F, #1A1018, #0A0A0F);
  --gradient-accent: linear-gradient(135deg, #FF6A00, #FF8C33, #FFB800);
  --gradient-accent-reverse: linear-gradient(135deg, #FFB800, #FF6A00);
  --gradient-subtle: linear-gradient(135deg, #FF6A00, #E55D00);
  --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.01));

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* Radii */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.5);
  --shadow-glow-orange: 0 0 30px rgba(255, 106, 0, 0.2);
  --shadow-glow-amber: 0 0 30px rgba(255, 184, 0, 0.15);
  --shadow-glow-green: 0 0 30px rgba(0, 204, 106, 0.15);

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;

  /* Z-index scale */
  --z-base: 1;
  --z-elevated: 10;
  --z-nav: 100;
  --z-overlay: 200;
  --z-modal: 300;
}