/* ==========================================================================
   Global Power Technologies — Design Tokens
   Extracted verbatim from the live site (Woodmart theme variables).
   Brand: orange #f27507 (primary) + blue #03adef (accent)
   ========================================================================== */
:root {
  /* Brand & accent */
  --gpt-primary: #f27507;        /* --wd-primary-color rgb(242,117,7) */
  --gpt-primary-dark: #d5650a;
  --gpt-primary-soft: #fff3e8;
  --gpt-accent: #03adef;         /* --wd-alternative-color rgb(3,173,239) */
  --gpt-accent-dark: #0596cf;
  --gpt-accent-soft: #e8f7fe;

  /* Text */
  --gpt-title: #242424;          /* --wd-title-color */
  --gpt-heading: #333333;        /* --wd-entities-title-color */
  --gpt-text: #767676;           /* --wd-text-color */
  --gpt-link: #333333;           /* --wd-link-color */
  --gpt-link-hover: #242424;     /* --wd-link-color-hover */
  --gpt-muted: #9a9a9a;

  /* Surfaces */
  --gpt-white: #ffffff;
  --gpt-light: #f6f7f9;
  --gpt-light-2: #f0f2f5;
  --gpt-dark: #1c2331;           /* footer */
  --gpt-dark-2: #161c27;
  --gpt-border: #ececec;
  --gpt-border-strong: #e0e0e0;

  /* Typography (families match the live site's Google Fonts) */
  --gpt-font-title: "Manrope", Arial, Helvetica, sans-serif;  /* --wd-title-font "Manrope3" */
  --gpt-font-body: "Ubuntu", Arial, Helvetica, sans-serif;    /* --wd-text-font */
  --gpt-font-display: "Playfair Display", Georgia, serif;
  --gpt-font-alt: "DM Sans", Arial, sans-serif;

  --gpt-text-size: 15px;         /* --wd-text-font-size */
  --gpt-nav-size: 13px;          /* --wd-header-el-font-size */
  --gpt-title-weight: 600;       /* --wd-title-font-weight */
  --gpt-text-weight: 400;

  /* Layout */
  --gpt-container: 1222px;       /* --wd-container-w */
  --gpt-container-pad: 24px;
  --gpt-header-h: 90px;          /* --wd-header-general-h */
  --gpt-header-h-sm: 78px;
  --gpt-header-h-sticky: 70px;

  /* Shape */
  --gpt-radius: 8px;
  --gpt-radius-lg: 14px;
  --gpt-radius-pill: 35px;       /* --wd-form-brd-radius */

  /* Effects */
  --gpt-shadow-sm: 0 2px 8px rgba(20, 30, 50, .06);
  --gpt-shadow: 0 10px 30px rgba(20, 30, 50, .08);
  --gpt-shadow-lg: 0 20px 50px rgba(20, 30, 50, .12);
  --gpt-transition: .28s cubic-bezier(.4, 0, .2, 1);

  /* Structure */
  --gpt-topbar-h: 42px;
}