/* DAVLUMBAZYANGINSONDURME.COM — DESIGN TOKENS
   Aesthetic: Swiss B2B Engineering Interface — Clean, High-Contrast, Zero-Bloat */

:root {
  /* Brand & Navy Colors */
  --dvs-red: #D9381E;
  --dvs-red-hover: #BF2E17;
  --dvs-red-dark: #8F1F0E;
  --dvs-red-light: #FDE8E4;
  --dvs-red-glow: rgba(217, 56, 30, 0.16);
  --dvs-navy: #0B192C;
  --dvs-navy-hover: #1E293B;
  --dvs-navy-light: #F8FAFC;

  /* Culinary Fire Engineering Accents */
  --dvs-copper: #C2410C;
  --dvs-copper-light: #FFEDD5;
  --dvs-copper-glow: rgba(194, 65, 12, 0.15);
  --dvs-steel: #334155;
  --dvs-steel-light: #F1F5F9;

  /* Status & Accents */
  --dvs-gold: #D97706;
  --dvs-gold-light: #FEF3C7;
  --dvs-green: #059669;
  --dvs-green-light: #D1FAE5;
  --dvs-blue: #0284C7;
  --dvs-blue-light: #E0F2FE;

  /* Neutral Spectrum */
  --dvs-ink: #0A0D12;
  --dvs-ink-secondary: #242C35;
  --dvs-muted: #52606D;
  --dvs-muted-light: #7E8E9E;
  --dvs-border: #E2E8F0;
  --dvs-border-light: #EEF2F6;
  --dvs-border-focus: #D9381E;
  --dvs-bg-page: #F8FAFC;
  --dvs-bg-surface: #FFFFFF;
  --dvs-bg-subtle: #F1F5F9;
  --dvs-bg-dark: #0F172A;
  --dvs-bg-darker: #020617;
  --dvs-text-inverse: #FFFFFF;

  /* Typography */
  --dvs-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dvs-font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --dvs-h1: clamp(22px, 4.2vw, 44px);
  --dvs-h2: clamp(18px, 2.6vw, 30px);
  --dvs-h3: clamp(18px, 2.0vw, 24px);
  --dvs-h4: clamp(16px, 1.4vw, 19px);
  --dvs-body-lg: clamp(16px, 1.2vw, 18px);
  --dvs-body: 15px;
  --dvs-body-sm: 13.5px;
  --dvs-caption: 12px;

  --dvs-lh-tight: 1.15;
  --dvs-lh-snug: 1.35;
  --dvs-lh-body: 1.65;
  --dvs-ls-tight: -0.025em;

  /* Elevation Shadows */
  --dvs-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --dvs-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
  --dvs-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
  --dvs-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
  --dvs-shadow-card: 0 2px 8px rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.06);

  /* Layout Spacing */
  --dvs-container: 1200px;
  --dvs-container-narrow: 900px;
  --dvs-pad-page: clamp(16px, 3vw, 32px);
  --dvs-gap-xs: 4px;
  --dvs-gap-sm: 8px;
  --dvs-gap-md: 16px;
  --dvs-gap-lg: 24px;
  --dvs-gap-xl: 36px;
  --dvs-gap-2xl: 56px;
  --dvs-gap-sec: clamp(48px, 6vw, 84px);

  /* Border Radii */
  --dvs-radius-sm: 6px;
  --dvs-radius-md: 10px;
  --dvs-radius-lg: 16px;
  --dvs-radius-full: 9999px;

  /* Transitions */
  --dvs-tr-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --dvs-tr-normal: 240ms cubic-bezier(0.4, 0, 0.2, 1);
}