/*========================================================================
    IMPORTS: Corporate Fonts from Google Fonts
==========================================================================*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/*========================================================================
    TOKENS: Root Variables based on 01_DESIGN_SYSTEM.md
==========================================================================*/
:root {
  /* 1. Brand Color Palette */
  --color-primary-navy: #0B2341;
  --color-secondary-blue: #147FC1;
  --color-accent-cyan: #18C8F8;
  --color-highlight-glow: #64E8FF;
  --color-bg-dark: #06131F;
  --color-text-main: #FFFFFF;
  --color-text-muted: #B6D5E8;
  --color-status-success: #00D084;

  /* 2. Glassmorphism Tokens */
  --glass-bg: rgba(255, 255, 255, 0.04);
  --glass-border: 1px solid rgba(255, 255, 255, 0.08);
  --glass-blur: blur(20px);
  --glass-hover-border: 1px solid rgba(24, 200, 248, 0.4);
  --glass-hover-shadow: 0 0 30px rgba(24, 200, 248, 0.15);

  /* 3. Typography */
  --font-family-ar: "IBM Plex Sans Arabic", sans-serif;
  --font-family-en: "Plus Jakarta Sans", sans-serif;

  /* 4. Brand Slogans (for use in ::before/::after content) */
  --slogan-primary: "Let's Digitize the World Together";
  --slogan-secondary: "Innovation at the core, excellence in every solution";
}