/* =========================================================================
   Good Creations Theme Support: design tokens (v1.2)
   -------------------------------------------------------------------------
   The ONE place brand values live. Loaded first on every front-end page and
   inside the block editor, so gc-theme-support.css and gc-blocks.css both
   read the same variables. Change a colour here and it changes everywhere.
   ========================================================================= */
:root {
  /* Brand palette (dev-site palette, used by block pages too) */
  --aw-gold: #fdce0d;
  --aw-gold-mid: #e2b30a;
  --aw-gold-deep: #a07f06;
  --aw-olive: #3e3203;
  --aw-blue: #2f6fd0;
  --aw-blue-hover: #3f83e8;
  --aw-sky: #85bce4;
  --aw-steel: #273743;
  --aw-green: #2e7d53;
  --aw-mint: #5fc98f;
  --aw-deep: #14291d;
  --aw-navy: #1c222b;
  --aw-cyan: #3fd8ff;
  --aw-mist: #eef4f9;
  --aw-ink: #0b0d10;
  --aw-yellow: #ffd400;          /* hero kicker / primary CTA */

  /* Type */
  --aw-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;

  /* Legacy site components */
  --gc-btn-bg: #4D85B2;
  --gc-btn-bg-hover: #5B5B5B;
  --gc-btn-radius: 5px;
  --gc-card-radius: 10px;
  --gc-card-shadow: 0 0 10px #2E2B31, 0 0 10px #fff;
  --gc-sticky-top: 115px;

  /* Photoshop layer-style translations used on the coloured panels:
     Drop Shadow 90deg/5/5/50% -> 0 5px 5px; Outer Glow doubled because
     CSS glow is fainter than Photoshop's. */
  --aw-panel-heading-shadow: 0 5px 5px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.43), 0 0 20px rgba(0, 0, 0, 0.43);
  --aw-text-lift: 0 1px 6px rgba(0, 0, 0, 0.55), 0 0 14px rgba(0, 0, 0, 0.3);

  /* Block pages (gc-blocks.css) */
  --aw-font-body: 'Libre Franklin', 'Franklin Gothic Medium', 'Franklin Gothic', Arial, sans-serif;  /* stand-in for Franklin Gothic */
  --aw-text-dark: #3a4652;       /* body copy on light sections */
  --aw-text-light: #c9ced4;      /* body copy on navy sections */
  --aw-rule: #dde3ea;            /* hairlines and light card borders */
  --aw-card-dark: #151b22;       /* cards on navy */
  --aw-hero-bg: #07090b;         /* behind the hero drawing */
  --gc-gut: max(20px, calc((100vw - 1272px) / 2));   /* section side padding; the hero script narrows it to the truck */
}