/* tokens.css — CSS variables generated from design-system/tokens.json
   CONSTRUCTION (toolmedia) — rugged precision: сталь, бетон, строительный жёлтый.
   Generated, do not edit by hand — change tokens.json instead. */

:root {
  /* ---- Colors: primary (стальной сине-серый) ---- */
  --color-primary-50:  #F1F4F6;
  --color-primary-100: #DEE6EB;
  --color-primary-200: #BECDD6;
  --color-primary-300: #94ABB8;
  --color-primary-400: #688699;
  --color-primary-500: #45697F;
  --color-primary-600: #375467;
  --color-primary-700: #2C4351;
  --color-primary-800: #1E2E38;
  --color-primary-900: #111A20;

  /* ---- Colors: secondary (графит/бетон) ---- */
  --color-secondary-50:  #EEF0F1;
  --color-secondary-100: #D5D9DC;
  --color-secondary-300: #9AA1A6;
  --color-secondary-500: #5A636A;
  --color-secondary-700: #363D42;
  --color-secondary-900: #1C2125;

  /* ---- Colors: accent (строительный жёлтый) ---- */
  --color-accent-500: #F5B718;
  --color-accent-600: #D49A0E;
  --color-accent-contrast: #1A1A1A;

  /* ---- Colors: neutral (тёплый бетонно-серый) ---- */
  --color-neutral-50:  #FAFAF8;
  --color-neutral-100: #F1F1EE;
  --color-neutral-200: #E2E1DC;
  --color-neutral-300: #C7C5BD;
  --color-neutral-400: #9A9890;
  --color-neutral-500: #6D6B63;
  --color-neutral-600: #4C4A44;
  --color-neutral-700: #34322E;
  --color-neutral-800: #201F1C;
  --color-neutral-900: #100F0D;

  /* ---- Colors: semantic ---- */
  --color-success: #2E7D52;
  --color-warning: #C9911F;
  --color-danger:  #C0392B;
  --color-info:    #2F6AA8;

  /* ---- Colors: surface ---- */
  --surface-background: #FAFAF8;
  --surface-elevated:   #FFFFFF;
  --surface-subtle:     #F1F1EE;
  --surface-overlay:    rgba(17, 26, 32, 0.60);

  /* ---- Typography ---- */
  --font-heading: "Exo 2", system-ui, sans-serif;
  --font-body:    "Lora", Georgia, serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   24px;
  --fs-xl:   32px;
  --fs-2xl:  48px;
  --fs-3xl:  64px;

  --lh-tight:   1.12;
  --lh-snug:    1.3;
  --lh-normal:  1.55;
  --lh-relaxed: 1.75;

  --ls-tight:  -0.02em;
  --ls-normal: 0;
  --ls-wide:   0.06em;
  --ls-label:  0.14em;

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    800;

  /* ---- Spacing ---- */
  --space-0:  0;
  --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;
  --space-10: 128px;

  /* ---- Radius (жёсткие углы — md максимум для карточек/CTA) ---- */
  --radius-none: 0;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* ---- Shadows ---- */
  --shadow-none: none;
  --shadow-sm:   0 1px 2px rgba(17, 26, 32, 0.06);
  --shadow-md:   0 4px 12px rgba(17, 26, 32, 0.10);
  --shadow-lg:   0 12px 32px rgba(17, 26, 32, 0.14);
  --shadow-xl:   0 24px 64px rgba(17, 26, 32, 0.18);

  /* ---- Breakpoints (reference; used in media queries) ---- */
  --bp-tablet:  768px;
  --bp-desktop: 1200px;
  --bp-wide:    1600px;

  /* ---- Motion ---- */
  --dur-fast:   150ms;
  --dur-normal: 250ms;
  --dur-slow:   400ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-enter:    cubic-bezier(0, 0, 0.2, 1);
  --ease-exit:     cubic-bezier(0.4, 0, 1, 1);
}