/* ============================================================
   TR System — Design System (Figma: Transport Systems)
   Child-theme master stylesheet. Imports one file per area.
   For production, concatenate these into one file (see spec §8).
   ============================================================ */

:root{
  /* ---- Brand palette (from Figma brand book + About Us frame 35:440) ---- */
  --tr-accent:        #3b9dc4;   /* light blue – hover / highlights        */
  --tr-blue:          #1f5e84;   /* primary blue – nav links, headings     */
  --tr-navy:          #253c54;   /* dark navy – panels, dark sections       */
  --tr-btn:           #28609a;   /* CTA button fill (КОНТАКТ)               */
  --tr-ink:           #3b3a3c;   /* body text (near-black)                  */
  --tr-muted:         #616062;   /* muted text                              */
  --tr-bg-light:      #f4f4f4;   /* light section background                */
  --tr-border:        #d9d9d9;   /* hairlines / borders                     */
  --tr-white:         #ffffff;

  /* ---- Type scale (Montserrat throughout) ---- */
  --tr-font:          'Montserrat', "Helvetica Neue", Arial, sans-serif;
  --tr-fs-nav:        16px;      /* main menu links                         */

  /* ---- Header ---- */
  --tr-header-h:      76px;      /* Figma header height                     */
  --tr-header-pad:    36px;      /* Figma side padding                      */
}

/* Per-area stylesheets (header.css, pages/*.css) are enqueued separately
   in functions.php — NOT @import'd here (an @import after :root is invalid
   and silently ignored by browsers). */