/* ==========================================================================
   BLINKBAND — Enterprise Design Tokens & Typography (100% STRICT DIN STANDARD)
   ========================================================================== */

/* 1. Official Brand Font Faces - Pure DIN Next LT Arabic across all weights */
@font-face {
  font-family: 'DIN Next LT Arabic';
  src: local('DIN Next LT Arabic Bold'),
       local('DIN Next LT Arabic'),
       local('DINNextLTArabic-Bold'),
       url('../assets/fonts/DINNextLTArabic-Bold.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN';
  src: local('DIN Bold'),
       local('D-DIN-Bold'),
       local('DIN-Bold'),
       url('../assets/fonts/D-DIN-Bold.otf') format('opentype'),
       url('../assets/fonts/DIN-Bold.otf') format('opentype');
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DIN';
  src: local('D-DIN'),
       local('DIN'),
       local('DIN Medium'),
       url('../assets/fonts/D-DIN.otf') format('opentype'),
       url('../assets/fonts/DIN-Medium.otf') format('opentype');
  font-weight: 100 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Core Brand Palette */
  --color-primary: #0878D1;          /* Blink Electric Blue */
  --color-primary-dark: #075985;     /* Deep Accent Blue */
  --color-primary-light: #38bdf8;    /* High-contrast electric highlight */
  --color-primary-glow: rgba(8, 120, 209, 0.35);
  --color-primary-subtle: rgba(8, 120, 209, 0.12);

  /* Backgrounds & Neutrals */
  --color-hero-bg: #05080B;          /* Cinematic Pitch Black */
  --color-midnight: #071018;         /* Deep Enterprise Midnight */
  --color-graphite: #111820;         /* Card & Inner Section Graphite */
  --color-graphite-card: #151f2b;    /* Elevated Graphite Card */
  --color-white: #FFFFFF;            /* Pure Crisp White */
  --color-soft-white: #F5F7FA;       /* Editorial Light Background */
  --color-silver: #CBD5E1;           /* Secondary Silver Gray */
  --color-silver-dark: #64748B;      /* Muted Slate */
  --color-border-dark: rgba(203, 213, 225, 0.12);
  --color-border-light: rgba(17, 24, 32, 0.08);

  /* Typography: STRICTLY DIN & DIN Next LT Arabic */
  --font-arabic: 'DIN Next LT Arabic', 'DIN', sans-serif;
  --font-latin: 'DIN', 'DIN Next LT Arabic', sans-serif;

  /* Spacing */
  --section-spacing-desktop: 140px;
  --section-spacing-mobile: 80px;
  --card-spacing: 28px;
  --max-width: 1440px;
  --container-padding: 32px;

  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  --button-radius: 12px;

  /* Elevation & Shadows */
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-card-dark: 0 16px 40px rgba(0, 0, 0, 0.45);
  --shadow-card-light: 0 20px 45px rgba(7, 16, 24, 0.08);
  --shadow-blue-glow: 0 0 35px rgba(8, 120, 209, 0.35);
  --shadow-blue-strong: 0 8px 30px rgba(8, 120, 209, 0.5);

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}