/* ==========================================================================
   Digitron India — Premium Material Design Tokens (Redesign v2)
   ========================================================================== */
:root {
  /* Core brand palette — deep indigo/electric-blue with amber accent */
  --clr-primary-900: #0a0e2a;
  --clr-primary-800: #121a4a;
  --clr-primary-700: #1b2a6b;
  --clr-primary-600: #2f3f9e;
  --clr-primary-500: #4353d9;   /* main brand */
  --clr-primary-400: #6172ea;
  --clr-primary-300: #93a0f2;
  --clr-primary-100: #e7eafd;
  --clr-primary-50:  #f4f6fe;

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

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

  --clr-ink-900: #0d1023;
  --clr-ink-800: #171b34;
  --clr-ink-600: #464c6b;
  --clr-ink-400: #767ca0;
  --clr-ink-200: #b7bbd8;

  --clr-surface: #ffffff;
  --clr-surface-dim: #f6f7fc;
  --clr-surface-alt: #eef0fb;
  --clr-border: #e3e5f5;

  /* 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(13,16,35,.06), 0 1px 3px rgba(13,16,35,.08);
  --el-2: 0 2px 6px rgba(13,16,35,.06), 0 8px 20px rgba(13,16,35,.08);
  --el-3: 0 8px 16px rgba(13,16,35,.08), 0 20px 40px rgba(13,16,35,.12);
  --el-4: 0 20px 45px -10px rgba(24,32,90,.35);
  --el-glow-primary: 0 14px 34px -6px rgba(67,83,217,.45);
  --el-glow-accent: 0 14px 30px -6px rgba(255,176,32,.45);

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #1b2a6b 0%, #4353d9 55%, #6172ea 100%);
  --grad-mesh: radial-gradient(circle at 15% 20%, rgba(97,114,234,.35), transparent 45%),
               radial-gradient(circle at 85% 15%, rgba(23,195,214,.28), transparent 40%),
               radial-gradient(circle at 50% 100%, rgba(255,176,32,.18), transparent 45%);
  --grad-dark: linear-gradient(180deg, #0a0e2a 0%, #121a4a 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;
}