/* AEROSOLSISTEM.COM — DESIGN TOKENS
   Aesthetic: Reference Master Design (Fenix Yangın Corporate Red & Modern Engineering UI) */

:root {
  /* Brand Primary: Fenix Crimson Red */
  --as-red: #C8102E;
  --as-red-hover: #A50D24;
  --as-red-dark: #82091B;
  --as-red-light: #FEF2F2;
  --as-red-subtle: #FFF5F5;
  --as-red-border: #FECACA;
  --as-red-glow: rgba(200, 16, 46, 0.2);

  /* Industrial Accents */
  --as-gold: #D97706;
  --as-gold-light: #FEF3C7;
  --as-gold-border: rgba(217, 119, 6, 0.4);
  --as-green: #25D366;
  --as-green-hover: #1EBE5D;

  /* Neutral Spectrum */
  --as-ink: #0F172A;
  --as-ink-secondary: #1E293B;
  --as-body-text: #475569;
  --as-muted: #64748B;
  --as-muted-light: #94A3B8;
  --as-border: #E2E8F0;
  --as-border-light: #F1F5F9;
  --as-border-strong: #CBD5E1;
  --as-bg-page: #F8FAFC;
  --as-bg-surface: #FFFFFF;
  --as-bg-subtle: #F1F5F9;
  --as-bg-dark: #0B192C;
  --as-bg-dark-card: #152238;
  --as-bg-dark-border: #223450;
  --as-text-inverse: #FFFFFF;

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

  --as-h1: clamp(28px, 4.2vw, 46px);
  --as-h2: clamp(22px, 3vw, 34px);
  --as-h3: clamp(18px, 2.2vw, 24px);
  --as-h4: clamp(16px, 1.5vw, 19px);
  --as-body-lg: clamp(15.5px, 1.25vw, 17.5px);
  --as-body: 15px;
  --as-body-sm: 13.5px;
  --as-caption: 12px;

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

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

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

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

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