/* ============================================
   MRÓWKI COLORING — Design Tokens
   STRICT CORPORATE INDUSTRIAL PALETTE
   ============================================ */

:root {
  /* === COLORS: Neutral industrial palette === */
  --bg-primary:       #FFFFFF;
  --bg-secondary:     #F5F5F7;
  --bg-tertiary:      #EAEAEC;
  --bg-dark:          #1A1A1E;
  --bg-dark-secondary:#242428;
  --bg-card:          #FFFFFF;

  --text-primary:     #1A1A1E;
  --text-secondary:   #5A5A64;
  --text-muted:       #8E8E93;
  --text-inverse:     #FFFFFF;

  --border:           #D5D5D8;
  --border-light:     #E8E8EB;

  /* Accents */
  --accent:           #C8102E;       /* strong red — строгий акцент */
  --accent-hover:     #A30D25;
  --primary:          #1A1A1E;       /* black used as primary */
  --primary-light:    #3A3A42;

  /* Status */
  --success:          #2A9D3F;
  --warning:          #E08A00;
  --error:            #D32F2F;

  /* === TYPOGRAPHY === */
  --font-heading:     'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-body:        'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;

  --fs-hero:          clamp(2.8rem, 6vw, 5rem);
  --fs-h1:            clamp(2rem, 4vw, 3.2rem);
  --fs-h2:            clamp(1.6rem, 3vw, 2.4rem);
  --fs-h3:            1.4rem;
  --fs-h4:            1.15rem;
  --fs-body:          1rem;
  --fs-small:         0.875rem;
  --fs-xs:            0.75rem;

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

  --lh-tight:         1.15;
  --lh-normal:        1.6;
  --lh-heading:       1.2;

  --ls-tight:         -0.02em;
  --ls-normal:        0em;
  --ls-wide:          0.08em;
  --ls-wider:         0.12em;

  /* === SPACING === */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* === LAYOUT === */
  --container-max:    1200px;
  --container-narrow: 800px;
  --radius:           0px;        /* sharp corners — строгий стиль */
  --radius-sm:        0px;
  --radius-lg:        0px;
  --navbar-h:         72px;

  /* === SHADOWS — minimal === */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:  0 8px 30px rgba(0,0,0,0.1);

  /* === TRANSITIONS === */
  --transition:       0.25s ease;
  --transition-slow:  0.5s ease;
}