/* ==========================================================================
   Digitron India — Premium Material Design Tokens (Redesign v2 — Blue base)
   ========================================================================== */
:root {
  /* Core brand palette — clean blue (no purple/violet tint) with amber accent */
  --clr-primary-900: #061a3f;
  --clr-primary-800: #0a2a63;
  --clr-primary-700: #0f3d8c;
  --clr-primary-600: #1652b8;
  --clr-primary-500: #2568e3;   /* main brand */
  --clr-primary-400: #4a86ee;
  --clr-primary-300: #8ab2f5;
  --clr-primary-100: #e0ecfd;
  --clr-primary-50:  #f2f7fe;

  --clr-accent-500: #ffb020;   /* amber accent */
  --clr-accent-400: #ffc857;
  --clr-accent-100: #fff2d9;

  --clr-cyan-500: #17c3d6;     /* secondary tech accent */

  --clr-ink-900: #0b1220;
  --clr-ink-800: #16202f;
  --clr-ink-600: #47566b;
  --clr-ink-400: #77869c;
  --clr-ink-200: #b6c3d6;

  --clr-surface: #ffffff;
  --clr-surface-dim: #f5f8fc;
  --clr-surface-alt: #eaf1fb;
  --clr-border: #dfe8f6;

  /* Typography */
  --font-display: 'Manrope', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;

  /* Material 3 style radii */
  --r-xs: 10px;
  --r-sm: 16px;
  --r-md: 22px;
  --r-lg: 28px;
  --r-xl: 40px;
  --r-pill: 999px;

  /* Elevation (Material-style layered shadows) */
  --el-1: 0 1px 2px rgba(8,20,40,.06), 0 1px 3px rgba(8,20,40,.08);
  --el-2: 0 2px 6px rgba(8,20,40,.06), 0 8px 20px rgba(8,20,40,.08);
  --el-3: 0 8px 16px rgba(8,20,40,.08), 0 20px 40px rgba(8,20,40,.12);
  --el-4: 0 20px 45px -10px rgba(10,40,90,.35);
  --el-glow-primary: 0 14px 34px -6px rgba(37,104,227,.45);
  --el-glow-accent: 0 14px 30px -6px rgba(255,176,32,.45);

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #0f3d8c 0%, #2568e3 55%, #4a86ee 100%);
  --grad-mesh: radial-gradient(circle at 15% 20%, rgba(74,134,238,.32), transparent 45%),
               radial-gradient(circle at 85% 15%, rgba(23,195,214,.26), transparent 40%),
               radial-gradient(circle at 50% 100%, rgba(255,176,32,.16), transparent 45%);
  --grad-dark: linear-gradient(180deg, #061a3f 0%, #0a2a63 100%);
  --grad-accent: linear-gradient(135deg, #ffb020 0%, #ff8a3d 100%);

  /* Layout */
  --container-width: 1240px;
  --section-pad-y: 112px;
  --section-pad-y-mobile: 64px;
  --edge-gutter: 24px;
}