/* ============================================================================
   Pegasus Media — design tokens
   ----------------------------------------------------------------------------
   Every value here was read off the live site (pegasusmedia.ie), a WordPress +
   Elementor build. Colours come from the Elementor global kit
   (elementor-kit-11); the type scale and layout metrics come from the computed
   styles of the rendered pages. See README.md for the measurement method.
   ========================================================================= */

:root {
  /* --- Brand colour ------------------------------------------------------ */
  --pm-plum: #592a59;            /* headings, footer titles              */
  --pm-mauve: #9e6799;           /* links, footer rule, related headings */
  --pm-body: #7a7a7a;            /* body / lead copy                     */
  --pm-excerpt: #777;            /* card excerpts                        */
  --pm-magenta: #950d95;         /* buttons, highlighted section label   */
  --pm-sky: #59d0f5;             /* active nav item, footer links        */
  --pm-secondary: #54595f;       /* related-post titles, kit "secondary" */
  --pm-white: #fff;
  --pm-wash: rgba(0, 0, 0, .12); /* alternating section band             */
  --pm-hairline: rgba(0, 0, 0, .12);

  /* Social brand fills, as configured in the source social-icons widget */
  --pm-facebook: #3b5998;
  --pm-twitter: #000;
  --pm-youtube: #cd201f;
  --pm-instagram: #262626;

  /* --- Type families ----------------------------------------------------- */
  --pm-font-display: "Signika", "Trebuchet MS", sans-serif;
  --pm-font-ui: "Poppins", "Segoe UI", sans-serif;
  --pm-font-alt: Arial, Helvetica, sans-serif;

  /* --- Type scale (desktop, matching the source at >=1025px) ------------- */
  --pm-fs-display: 65px;         /* h1, section titles                   */
  --pm-lh-display: 78px;
  --pm-fs-alt: 36px;             /* Arial-100 section labels             */
  --pm-lh-alt: 39.6px;
  --pm-fs-lead: 22px;            /* lead paragraphs                      */
  --pm-lh-lead: 33px;
  --pm-fs-card: 22px;            /* card / icon-box titles               */
  --pm-lh-card: 26.4px;
  --pm-fs-body: 18px;            /* body copy                            */
  --pm-lh-body: 27px;
  --pm-fs-ui: 16px;              /* nav, buttons, post-card titles       */
  --pm-lh-ui: 16px;
  --pm-fs-small: 14px;           /* post-card excerpts                   */
  --pm-lh-small: 21px;
  --pm-fs-logo: 22px;            /* "Pegasus Media" wordmark             */

  /* --- Layout ------------------------------------------------------------ */
  --pm-gutter: 4%;               /* measured: 57.59px at a 1440px width  */
  --pm-max: 1500px;              /* source container cap                 */
  --pm-reading: 856px;           /* single-post reading column           */
  --pm-radius-pill: 100px;
  --pm-radius-icon: 10%;

  --pm-ease: cubic-bezier(.4, 0, .2, 1);
}

/* Tablet — the source kit drops its display sizes at 1024px. */
@media (max-width: 1024px) {
  :root {
    --pm-fs-display: 45px;
    --pm-lh-display: 54px;
    --pm-fs-alt: 25px;
    --pm-lh-alt: 27.5px;
    --pm-fs-lead: 14px;
    --pm-lh-lead: 21px;
    --pm-fs-card: 18px;
    --pm-lh-card: 21.6px;
    --pm-fs-body: 16px;
    --pm-lh-body: 24px;
  }
}

/* Mobile — wider gutter and a smaller display size. */
@media (max-width: 767px) {
  :root {
    --pm-gutter: 6%;
    --pm-fs-display: 28px;
    --pm-lh-display: 30.8px;
    --pm-fs-alt: 22px;
    --pm-lh-alt: 24.2px;
    --pm-fs-logo: 18px;
  }
}