/* FM200SONDURMESISTEMLERI.COM — DESIGN TOKENS
   Aesthetic: Swiss B2B Industrial & Precision Engineering Interface
   Key Colors: Safety Red, Titanium Slate, Clean Agent Blue, High-Contrast White */

:root {
  /* Brand Primary: Precision Fire Safety Red */
  --fm-red: #D92D20;
  --fm-red-hover: #B42318;
  --fm-red-dark: #7A271A;
  --fm-red-light: #FEE4E2;
  --fm-red-subtle: #FEF3F2;
  --fm-red-glow: rgba(217, 45, 32, 0.2);

  /* Industrial Accents */
  --fm-blue: #0284C7;
  --fm-blue-hover: #0369A1;
  --fm-blue-light: #E0F2FE;
  --fm-amber: #D97706;
  --fm-amber-light: #FEF3C7;
  --fm-green: #059669;
  --fm-green-light: #D1FAE5;

  /* Neutral Spectrum & Titanium Grays */
  --fm-ink: #0F172A;
  --fm-ink-secondary: #334155;
  --fm-muted: #64748B;
  --fm-muted-light: #94A3B8;
  --fm-border: #E2E8F0;
  --fm-border-light: #F1F5F9;
  --fm-border-strong: #CBD5E1;
  --fm-bg-page: #F8FAFC;
  --fm-bg-surface: #FFFFFF;
  --fm-bg-subtle: #F1F5F9;
  --fm-bg-dark: #0B0F19;
  --fm-bg-dark-card: #151D2F;
  --fm-bg-dark-border: #222F49;
  --fm-text-inverse: #FFFFFF;

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

  --fm-h1: clamp(24px, 4vw, 46px);
  --fm-h2: clamp(20px, 2.8vw, 32px);
  --fm-h3: clamp(18px, 2.2vw, 24px);
  --fm-h4: clamp(16px, 1.5vw, 20px);
  --fm-body-lg: clamp(16px, 1.2vw, 18px);
  --fm-body: 15px;
  --fm-body-sm: 13.5px;
  --fm-caption: 12px;

  --fm-lh-tight: 1.18;
  --fm-lh-snug: 1.35;
  --fm-lh-body: 1.65;
  --fm-ls-tight: -0.025em;

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

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

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

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