/* ==========================================================================
   DRIVMAN — Design Tokens
   Derived from the brand logo: black field, red wing/D mark, silver wordmark
   ========================================================================== */

:root {
  /* Core palette */
  --dm-black: #090909;
  --dm-black-soft: #0F0F10;
  --dm-gunmetal: #1C1C1E;
  --dm-grey-900: #2A2A2A;
  --dm-grey-700: #4A4A4A;
  --dm-grey-400: #8A8A8A;
  --dm-silver: #D9D9D9;
  --dm-silver-bright: #FFFFFF;
  --dm-red: #C40018;
  --dm-red-deep: #7A0010;
  --dm-red-bright: #E8002A;

  /* Gradients */
  --dm-grad-red: linear-gradient(135deg, var(--dm-red-bright) 0%, var(--dm-red) 45%, var(--dm-red-deep) 100%);
  --dm-grad-silver: linear-gradient(135deg, #FFFFFF 0%, #C7C7C7 45%, #6E6E6E 100%);
  --dm-grad-glass: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.015));
  --dm-grad-fade-down: linear-gradient(180deg, rgba(9,9,9,0) 0%, rgba(9,9,9,1) 100%);

  /* Surfaces */
  --dm-bg: var(--dm-black);
  --dm-surface: var(--dm-gunmetal);
  --dm-surface-raised: #232325;
  --dm-border: rgba(255,255,255,0.08);
  --dm-border-strong: rgba(255,255,255,0.16);

  /* Text */
  --dm-text-primary: var(--dm-silver-bright);
  --dm-text-secondary: var(--dm-silver);
  --dm-text-muted: var(--dm-grey-400);
  --dm-text-on-red: #FFFFFF;

  /* Typography */
  --dm-font-display: 'Space Grotesk', sans-serif;
  --dm-font-body: 'Inter', sans-serif;

  --dm-fs-xs: 0.75rem;    /* 12px */
  --dm-fs-sm: 0.875rem;   /* 14px */
  --dm-fs-base: 1rem;     /* 16px */
  --dm-fs-md: 1.25rem;    /* 20px */
  --dm-fs-lg: 1.75rem;    /* 28px */
  --dm-fs-xl: 2.5rem;     /* 40px */
  --dm-fs-2xl: 3.5rem;    /* 56px */
  --dm-fs-3xl: 4.5rem;    /* 72px */

  /* Spacing (8px grid) */
  --dm-space-1: 8px;
  --dm-space-2: 16px;
  --dm-space-3: 24px;
  --dm-space-4: 32px;
  --dm-space-5: 48px;
  --dm-space-6: 64px;
  --dm-space-7: 96px;
  --dm-space-8: 140px;

  /* Radius */
  --dm-radius-sm: 4px;
  --dm-radius-md: 16px;
  --dm-radius-lg: 24px;

  /* Shadows */
  --dm-shadow-card: 0 10px 30px rgba(0,0,0,0.45);
  --dm-shadow-red-glow: 0 8px 30px rgba(196,0,24,0.35);
  --dm-shadow-silver-glow: 0 0 0 1px rgba(255,255,255,0.08), 0 8px 24px rgba(0,0,0,0.5);

  /* Motion */
  --dm-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dm-speed-fast: 180ms;
  --dm-speed-base: 280ms;
  --dm-speed-slow: 500ms;

  /* Layout */
  --dm-container-max: 1320px;
  --dm-navbar-height: 84px;
}