/* FM200GAZ.COM — DESIGN TOKENS
   Aesthetic: Technical Emergency Service Station, Fenix Crimson Red & Deep Navy with Crisp White Surfaces
   Designed for 100/100 Core Web Vitals, sub-second TTFB, high contrast & readability */

:root {
  /* Brand Primary: Fenix Crimson Red */
  --fm-primary: #D32F2F;
  --fm-primary-hover: #B71C1C;
  --fm-primary-dark: #9A0007;
  --fm-primary-light: #FFEBEE;
  --fm-primary-subtle: #FFF5F5;
  --fm-primary-glow: rgba(211, 47, 47, 0.25);

  /* Deep Navy & Charcoal Base */
  --fm-navy: #0F172A;
  --fm-navy-light: #1E293B;
  --fm-dark: #071024;
  --fm-dark-card: #151F38;
  --fm-dark-border: #223254;

  /* Accent Colors (Pills & Status) */
  --fm-amber: #F59E0B;
  --fm-amber-light: #FEF3C7;
  --fm-blue: #0284C7;
  --fm-blue-light: #E0F2FE;
  --fm-green: #10B981;
  --fm-green-light: #D1FAE5;

  /* WhatsApp Green */
  --fm-wa: #25D366;
  --fm-wa-hover: #1EBE5D;
  --fm-wa-dark: #128C7E;
  --fm-wa-glow: rgba(37, 211, 102, 0.3);

  /* Neutrals & Surfaces */
  --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-text-inverse: #FFFFFF;

  /* Typography */
  --fm-font-sans: system-ui, -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(26px, 4vw, 44px);
  --fm-h2: clamp(22px, 2.8vw, 32px);
  --fm-h3: clamp(18px, 2.2vw, 22px);
  --fm-lead: 16px;
  --fm-body: 15px;
  --fm-caption: 13px;

  /* Spacing */
  --fm-radius-sm: 6px;
  --fm-radius-md: 10px;
  --fm-radius-lg: 16px;
  --fm-radius-full: 9999px;

  --fm-container-max: 1240px;
  --fm-container-pad: 20px;

  /* Transitions & Shadows */
  --fm-transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --fm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --fm-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
  --fm-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.07);
  --fm-shadow-card: 0 4px 20px rgba(15, 23, 42, 0.06);
}