/* The Oppenheim Group (ogroup.com) — design tokens extracted 2026-11-12
   Values are taken verbatim from the live theme CSS (global.css / homepage.css / defaults.css). */
:root{
  /* ---- Colour ---- */
  --og-red:#b71f37;            /* primary brand red: buttons, accents, hover states, --primary-rgb */
  --og-red-rgb:183,31,55;
  --og-red-dark:#950016;       /* nav sub-menu hover gradient end */
  --og-red-deep:#811220;       /* "social" title colour */
  --og-maroon:#340000;         /* gradient headline end colour */
  --og-red-bright:#cf0000;     /* burger-menu link hover */
  --og-black:#000000;          /* page / header / footer background */
  --og-charcoal:#151a1c;       /* nav hover + dropdown background */
  --og-grey-dark:#313131;
  --og-grey:#6c757d;
  --og-grey-mid:#aeaeae;
  --og-grey-light:#dedede;
  --og-off-white:#f4f4f4;
  --og-warm-white:#fffdfa;
  --og-white:#ffffff;
  --og-gold:#cf9d3c;           /* rare: dropdown link bg in base nav styles */
  --og-overlay:rgba(0,0,0,.6); /* banner darkening overlay (#0009) */
  --og-red-glow:rgba(183,31,55,.45);
  --og-gradient-red:linear-gradient(to right,#b71f37,#340000);   /* display headlines (background-clip:text) */
  --og-gradient-nav:linear-gradient(90deg,#b71f37,#950016);      /* dropdown hover */

  /* ---- Type families ---- */
  --og-font-title:"Barlow Condensed",sans-serif;       /* ALL headlines, nav, buttons, labels */
  --og-font-body:"sofia-pro-soft","Montserrat",sans-serif; /* body copy (Sofia Pro Soft via Adobe Fonts; Montserrat fallback) */
  --og-font-alt:"Montserrat",sans-serif;               /* paragraph copy in some sections, FAQ answers */
  --og-font-display-alt:"Quiche Sans",Georgia,serif;   /* accent display font (theme ships demo files) */
  --og-font-caption:"Overpass",sans-serif;             /* tiny captions under media logos */

  /* ---- Type scale (desktop px; site scales with vw) ---- */
  --og-size-display:120px;   /* rotated section names, 500 weight, line-height .8 */
  --og-size-title:100px;     /* .global-site-title, weight 100 */
  --og-size-title-md:70px;
  --og-size-title-sm:50px;
  --og-size-stat:92px;       /* stats numbers, weight 600 */
  --og-size-h1:32px;         /* inner-page banner h1, 700 */
  --og-size-button:16px;
  --og-size-nav:15px;
  --og-size-label:15px;      /* eyebrow labels above titles */
  --og-size-body:16px;
  --og-size-small:13px;
  --og-size-tiny:12px;

  /* ---- Weights ---- */
  --og-weight-hairline:100;
  --og-weight-light:300;
  --og-weight-regular:400;
  --og-weight-medium:500;
  --og-weight-semibold:600;

  /* ---- Tracking (letter-spacing) ---- */
  --og-track-display:.02em;  /* big headlines */
  --og-track-h1:.05em;
  --og-track-body:.05em;
  --og-track-small:.1em;
  --og-track-label:.28em;    /* eyebrow + footer nav */
  --og-track-button:.3em;    /* buttons, links */
  --og-track-nav:.34em;      /* main nav */
  --og-track-wide:.36em;
  --og-track-xwide:.42em;

  /* ---- Line heights ---- */
  --og-lh-display:.8;
  --og-lh-tight:1;
  --og-lh-body:1.57;
  --og-lh-para:1.9;

  /* ---- Motion ---- */
  --og-ease:cubic-bezier(.4,0,.2,1);
  --og-transition:.3s cubic-bezier(.4,0,.2,1);     /* --default-transition */
  --og-transition-ease:all .3s ease-in-out;       /* used 67x: hover colour, bg, logo shrink */
  --og-transition-slow:all .4s ease-in-out;       /* underline grow */
  --og-transition-menu:all .6s ease;              /* dropdown fade */
  --og-transition-slide:left 750ms cubic-bezier(.23,1,.32,1); /* off-canvas menu */
  --og-transition-fast:all .15s;                  /* back-to-top */
  --og-aos-duration:1000ms;                       /* AOS fade-up / fade-left / fade-right */
  --og-aos-duration-fast:500ms;
  --og-aos-delay:200ms;
  --og-aos-delay-long:500ms;
  --og-aos-distance:100px;

  /* ---- Shapes ---- */
  --og-accent-bar-w:52px;    /* short red rule under/over titles */
  --og-accent-bar-h:3px;
  --og-accent-bar-thick:5px;
  --og-btn-h:43px;
  --og-btn-pad:0 26px;
  --og-btn-radius:0 0 15px 0; /* bottom-right only */
  --og-header-logo-w:360px;
  --og-header-logo-w-sticky:300px;
}