/* ============================================================
   tokens.css — Design tokens for The Delivery Method
   Single source of truth for colors, type, spacing, etc.
   ============================================================ */

:root {
  /* Colors */
  --tdm-navy: #0F1E3D;
  --tdm-navy-deep: #0A1530;
  --tdm-orange: #E85D04;
  --tdm-orange-dark: #C94D03;
  --tdm-orange-bright: #FF6B35;
  --tdm-cream: #FAF7F2;
  --tdm-cream-warm: #F5F0E6;
  --tdm-white: #FFFFFF;
  --tdm-charcoal: #1A1A1A;
  --tdm-gray-warm: #6B6B6B;
  --tdm-gray-light: #E8E2D5;
  --tdm-mustard: #F4B400;
  --tdm-green: #2D7A3E;
  --tdm-red: #C0392B;

  /* Typography */
  --tdm-font-display: 'Fraunces', Georgia, serif;
  --tdm-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --tdm-font-mono: 'JetBrains Mono', monospace;

  /* Spacing */
  --tdm-space-xs: 0.5rem;
  --tdm-space-sm: 1rem;
  --tdm-space-md: 2rem;
  --tdm-space-lg: 4rem;
  --tdm-space-xl: 6rem;
  --tdm-space-2xl: 8rem;

  /* Radius */
  --tdm-radius-sm: 6px;
  --tdm-radius-md: 12px;
  --tdm-radius-lg: 20px;

  /* Shadows */
  --tdm-shadow-sm: 0 2px 8px rgba(15, 30, 61, 0.06);
  --tdm-shadow-md: 0 8px 24px rgba(15, 30, 61, 0.10);
  --tdm-shadow-lg: 0 20px 60px rgba(15, 30, 61, 0.18);

  /* Transitions */
  --tdm-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --tdm-duration: 0.3s;

  /* Container */
  --tdm-container: 1200px;
  --tdm-container-narrow: 800px;

  /* Layering */
  --tdm-z-sticky-cta: 100;
  --tdm-z-header: 100;
  --tdm-z-menu: 200;
}