/* ===========================================================================
   Gilgandra Aged Care & Disability Strategy 2026–2030
   Colors, typography and core tokens

   Sampled directly from the Draft v3 strategy document (May 2026).
   Outline navy + multi-colour fills come from the GSC logo, the
   "Live · Enjoy · Grow" community mark, and the strategy's flat
   illustrated iconography.
   =========================================================================== */

/* ---------- Brand webfonts -------------------------------------------------
   Museo (300, 700) — display headings, mirrors the printed strategy.
   Avenir Next LT Pro (Light, LightItalic, Regular, Bold) — body and UI text.
   Caveat from Google Fonts is used only as a script fallback for the
   General Manager's signature; the production sign-off uses a hand-signed
   PNG (assets/signature-david-neeves.png).
   --------------------------------------------------------------------------- */
@font-face {
  font-family: "Museo";
  src: url("fonts/Museo300-Regular.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo";
  src: url("fonts/Museo700-Regular.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("fonts/AvenirNextLTPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("fonts/AvenirNextLTPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("fonts/AvenirNextLTPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("fonts/AvenirNextLTPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&display=swap');

:root {
  /* ============================================================
     BRAND COLOURS — sampled exactly from the strategy artwork
     ============================================================ */

  /* Primary navy — text, icon outlines, dark page panels */
  --gsc-navy:        #1F3F66;   /* icon outline + body headings */
  --gsc-navy-deep:   #0E2A4A;   /* deeper backgrounds, section breaks */
  --gsc-navy-ink:    #13284A;   /* signature, footer */

  /* Rainbow palette — used across logo, mark, icons, infographics */
  --gsc-magenta:     #AD2280;   /* "Community Engagement Strategy", icon roofs */
  --gsc-magenta-lt:  #C25E9E;
  --gsc-teal:        #178E8E;   /* icon walls, wheelchair seat */
  --gsc-teal-lt:     #5BB3B3;
  --gsc-yellow:      #F9D903;   /* "Other Council Strategies", icon stars */
  --gsc-yellow-warm: #F5C518;
  --gsc-orange:      #F08A2C;   /* primary orange — icons */
  --gsc-orange-deep: #F26522;   /* secondary orange — accents */
  --gsc-red-orange:  #F04A24;   /* "Community Strategic Plan", cover banner */
  --gsc-red:         #C82026;   /* alert, ribbon */
  --gsc-green:       #7DC243;   /* "Resourcing Strategy", icon ground */
  --gsc-green-lt:    #B7DC8E;
  --gsc-blue:        #0370B9;   /* "Annual Report", links */
  --gsc-blue-lt:     #7DC9E8;   /* icon wheels, wash backgrounds */
  --gsc-purple:      #462B76;   /* deep purple — accents */
  --gsc-purple-lt:   #6E3F8E;

  /* Strategic priority colours — sampled from page 22 of the printed Strategy.
     Note: P3 was sampled as #C00000 (deep red) in the PDF; the brighter
     #DC3D26 below is used in the UI so it reads as the warm red-orange
     the council brief asked for, without diverging from the source palette. */
  --p1: #276FB8;   /* Priority 1 — Grow Support at Home and Community Care */
  --p2: #AC2180;   /* Priority 2 — Plan Staged Aged Care Accommodation */
  --p3: #DC3D26;   /* Priority 3 — Shape Disability Services */
  --p4: #7DC141;   /* Priority 4 — Strengthen Participation Pathways */
  --p5: #52B9E8;   /* Priority 5 — Build Workforce and Systems */

  /* Stats-card surface colours, sampled from pages 15–16 of the Strategy */
  --stats-rl-bg:    #D9E6F2;  /* Retirement Living surface */
  --stats-rl-tile:  #2D6CB0;  /* Retirement Living tile */
  --stats-rac-bg:   #E5EFF8;  /* Residential Aged Care surface */
  --stats-rac-tile: #2D6CB0;
  --stats-hcc-bg:   #F6DCCB;  /* Home & Community Care surface */
  --stats-hcc-tile: #C8362B;
  --stats-dac-bg:   #F4DCE7;  /* Disability Accommodation surface */
  --stats-dac-tile: #AC2180;
  --stats-se-bg:    #F8EFCA;  /* Supported Employment surface */
  --stats-se-tile:  #B4A129;
  --stats-okr-bg:   #E1ECC6;  /* Other Key Stats surface */
  --stats-okr-tile: #7DC141;

  /* Neutrals — paper, rules, soft fields */
  --paper:           #FFFFFF;
  --paper-warm:      #FBF7EE;   /* cream wash used behind quotes */
  --surface:         #F4F1EA;   /* subtle card / panel fill */
  --rule:            #E5E0D5;   /* hairline rule */
  --fg-1:            var(--gsc-navy);   /* body text */
  --fg-2:            #4B5C73;            /* secondary text */
  --fg-3:            #7A8699;            /* tertiary / metadata */
  --fg-on-dark:      #FFFFFF;

  /* Semantic */
  --link:            var(--gsc-blue);
  --link-hover:      var(--gsc-magenta);
  --focus-ring:      var(--gsc-yellow);
  --success:         var(--gsc-green);
  --warning:         var(--gsc-orange-deep);
  --danger:          var(--gsc-red);

  /* ============================================================
     TYPOGRAPHY
     ============================================================ */
  --font-display: 'Museo', 'Avenir Next LT Pro', 'Avenir Next', 'Helvetica Neue', system-ui, sans-serif;
  --font-body:    'Avenir Next LT Pro', 'Avenir Next', 'Avenir', 'Helvetica Neue', system-ui, sans-serif;
  --font-script:  'Caveat', 'Brush Script MT', cursive;

  /* Type scale — modular, 1280px reference grid */
  --fs-display:   72px;   /* cover banner, e.g. "AGED CARE & DISABILITY STRATEGY" */
  --fs-h1:        48px;   /* page H1 */
  --fs-h2:        32px;   /* section H2 */
  --fs-h3:        22px;   /* sub-section */
  --fs-h4:        18px;   /* small caps label */
  --fs-body:      17px;   /* body copy */
  --fs-small:     15px;   /* captions, meta */
  --fs-micro:     13px;   /* footnotes, references */

  --lh-tight:     1.1;
  --lh-snug:      1.25;
  --lh-body:      1.55;
  --lh-loose:     1.7;

  --letter-display: 0.02em;   /* generous in caps */
  --letter-eyebrow: 0.18em;   /* eyebrow / over-line labels */

  /* ============================================================
     SPACING + RADII + ELEVATION
     ============================================================ */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;     /* cards */
  --radius-xl: 24px;     /* hero capsules */
  --radius-pill: 999px;  /* pills, eyebrow tags */

  --shadow-sm: 0 1px 2px rgba(31, 63, 102, 0.08);
  --shadow-md: 0 4px 14px rgba(31, 63, 102, 0.10);
  --shadow-lg: 0 18px 40px rgba(31, 63, 102, 0.14);

  /* Heavy icon-style stroke — used on illustrated icon outlines and decorative borders */
  --stroke-icon: 4px;
  --stroke-icon-color: var(--gsc-navy);
}

/* ============================================================
   Semantic element styles
   ============================================================ */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--fg-1);
  background: var(--paper);
}

body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--fg-1);
  text-wrap: pretty;
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-display);
  color: var(--gsc-navy);
  letter-spacing: var(--letter-display);
  line-height: var(--lh-tight);
  text-wrap: balance;
  margin: 0 0 var(--space-4);
}

.display, h1.display {
  font-size: var(--fs-display);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: var(--letter-display);
  line-height: 0.95;
}

h1 { font-size: var(--fs-h1); font-weight: 800; text-transform: uppercase; }
h2 { font-size: var(--fs-h2); font-weight: 700; text-transform: uppercase; }
h3 { font-size: var(--fs-h3); font-weight: 700; }
h4 { font-size: var(--fs-h4); font-weight: 600; }

.eyebrow {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-micro);
  text-transform: uppercase;
  letter-spacing: var(--letter-eyebrow);
  color: var(--gsc-magenta);
}

p { margin: 0 0 var(--space-4); }

a {
  color: var(--link);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  transition: color 160ms ease;
}
a:hover { color: var(--link-hover); }
a:focus-visible {
  outline: 3px solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: 2px;
}

blockquote {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 26px;
  line-height: 1.3;
  color: var(--gsc-navy);
  padding: var(--space-5) 0 var(--space-5) var(--space-5);
  border-left: 6px solid var(--gsc-magenta);
  margin: 0;
}
blockquote cite {
  display: block;
  font-family: var(--font-body);
  font-style: normal;
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--fg-2);
  margin-top: var(--space-3);
  letter-spacing: 0.02em;
}

.signature {
  font-family: var(--font-script);
  font-weight: 500;
  color: var(--gsc-navy-ink);
  font-size: 56px;
  line-height: 1;
}

code, pre, kbd {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.92em;
}