/* ==================================================================
   DIGI MOJO MARKETING — DESIGN TOKENS
   ================================================================== */
:root {
  /* Brand Colors */
  --color-primary: #0267F0;
  --color-primary-light: #4A93FF;
  --color-primary-dark: #0148B0;
  --color-secondary: #011E4B;
  --color-secondary-light: #0A3372;
  --color-accent: #F27538;
  --color-accent-light: #FF9760;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #0267F0 0%, #011E4B 100%);
  --gradient-accent: linear-gradient(135deg, #F27538 0%, #FF4D8D 100%);
  --gradient-hero: linear-gradient(135deg, #011E4B 0%, #04306E 45%, #0267F0 100%);
  --gradient-mesh: radial-gradient(circle at 20% 20%, rgba(2,103,240,.35), transparent 40%),
                    radial-gradient(circle at 80% 30%, rgba(242,117,56,.28), transparent 45%),
                    radial-gradient(circle at 50% 90%, rgba(1,30,75,.4), transparent 50%);
  --gradient-text: linear-gradient(135deg, #0267F0 0%, #F27538 100%);

  /* Neutrals */
  --color-white: #ffffff;
  --color-light: #F4F8FE;
  --color-light-blue: #EAF2FF;
  --color-body: #4A5873;
  --color-heading: #071B34;
  --color-border: #E3ECFB;
  --color-dark: #050B18;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', 'Poppins', sans-serif;
  --font-body: 'Inter', 'Poppins', sans-serif;
  --font-accent: 'Poppins', sans-serif;

  /* Spacing Scale */
  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Radii & Shadows */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-full: 999px;
  --shadow-soft: 0 10px 40px -12px rgba(1, 30, 75, 0.15);
  --shadow-hover: 0 25px 60px -15px rgba(2, 103, 240, 0.35);
  --shadow-card: 0 4px 24px rgba(1, 30, 75, 0.06);

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.65);
  --glass-border: rgba(255, 255, 255, 0.4);
  --glass-blur: blur(20px);
  --glass-dark-bg: rgba(5, 15, 35, 0.55);

  /* Motion */
  --ease-premium: cubic-bezier(.16, 1, .3, 1);
  --ease-smooth: cubic-bezier(.65, 0, .35, 1);
  --duration-fast: .3s;
  --duration-mid: .6s;
  --duration-slow: 1s;

  /* Layout */
  --container-max: 1320px;
  --header-height: 92px;
  --header-height-scrolled: 76px;
}