/* c5 — «Промбезпека»: дизайн-токени */
:root{
  --c-yellow: #FFC400;
  --c-yellow-dim: #E0AC00;
  --c-graphite: #1A1D21;
  --c-graphite-2: #24282e;
  --c-graphite-3: #2f343b;
  --c-orange: #FF6A00;
  --c-orange-dim: #E65E00;
  --c-concrete: #F1F2F4;
  --c-concrete-2: #E5E7EA;
  --c-steel: #6B7280;
  --c-steel-dark: #454b54;
  --c-white: #FFFFFF;
  --c-green: #00A651;
  --c-red: #D42A2A;

  --font-sans: 'IBM Plex Sans', 'Golos Text', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Consolas', monospace;

  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 16px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --container-w: 1280px;
  --header-h: 84px;
  --header-h-sm: 64px;

  --ease-stamp: cubic-bezier(.34,1.56,.64,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-1: .18s;
  --dur-2: .32s;
  --dur-3: .55s;

  --shadow-card: 0 2px 8px rgba(26,29,33,.08), 0 1px 2px rgba(26,29,33,.06);
  --shadow-card-hover: 0 20px 40px rgba(26,29,33,.16), 0 4px 10px rgba(26,29,33,.08);
  --shadow-modal: 0 30px 80px rgba(0,0,0,.35);

  --hazard-stripe: repeating-linear-gradient(45deg,
      var(--c-yellow) 0 22px,
      var(--c-graphite) 22px 44px);
  --hazard-stripe-soft: repeating-linear-gradient(45deg,
      var(--c-yellow) 0 16px,
      rgba(26,29,33,.9) 16px 32px);

  --blueprint-grid:
    linear-gradient(rgba(107,114,128,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(107,114,128,.10) 1px, transparent 1px);
  --blueprint-grid-dark:
    linear-gradient(rgba(255,196,0,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,196,0,.07) 1px, transparent 1px);
}

@media (prefers-color-scheme: dark){
  /* прототип навмисно light/graphite-секційний, не автотемний — лишаємо константи */
}