/* Intradiem HTML brand base. GENERATED from brand-tokens.json. Do not hand-edit. */
/* Source: Rachel-Lyn Cavano, Digital / HTML Guidelines, July 2026 */

:root{
  --id-green:#2CB56E;             /* Intradiem Green: accent, icon, border, highlight */
  --id-orange:#F58220;            /* Intradiem Orange: accent, icon, shape, cta-fill */
  --id-dark-green:#014637;        /* Dark Green: dark-background, heading, text */
  --id-light-green:#A5CE38;       /* Light Green: accent */
  --id-yellow:#FDBE3E;            /* Yellow: shape, icon */
  --id-deep-green:#228751;        /* Deep Green: heading, text */
  --id-blue:#0F4C99;              /* Blue: link, text */
  --id-text:#363636;              /* Black 90%: text */
  --id-white:#FFFFFF;             /* White: text, light-background */
  --id-callout-fill:#F2F2F2;      /* Callout Fill: light-background */
  --id-font:'Open Sans', Tahoma, sans-serif;
  --id-radius:8px;
}

html{-webkit-font-smoothing:antialiased}
body{font-family:var(--id-font);font-size:16px;line-height:1.55;color:var(--id-text);background:var(--id-white);text-align:left}
h1,h2,h3,h4,h5,h6{font-family:var(--id-font);font-weight:700;letter-spacing:normal;text-transform:none;color:var(--id-dark-green);text-align:left}
p,li,td,th,label,span{font-size:inherit;letter-spacing:normal}
*{text-shadow:none}
/* 10pt floor: nothing may compute below 13px */
small,.caption,.eyebrow,.label,figcaption{font-size:13px}
a{color:var(--id-blue);text-decoration:underline}

/* sections */
.section-dark{background:var(--id-dark-green);color:var(--id-white)}
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--id-white)}
.section-light{background:var(--id-white);color:var(--id-text)}
.section-callout{background:var(--id-callout-fill);color:var(--id-text)}
.section-light h2,.section-callout h2{color:var(--id-deep-green)}

/* cards and containers: always rounded */
.card,.callout,.panel{border-radius:var(--id-radius);background:var(--id-callout-fill);padding:22px 24px}

/* primary CTA */
.btn-primary{background:var(--id-orange);color:var(--id-text);border:0;border-radius:var(--id-radius);
  padding:12px 22px;font-family:var(--id-font);font-weight:600;font-size:16px;
  text-transform:none;letter-spacing:normal;cursor:pointer;text-decoration:none;display:inline-block}
.btn-secondary{background:transparent;color:var(--id-dark-green);border:1px solid var(--id-green);
  border-radius:var(--id-radius);padding:12px 22px;font-weight:600}

/* brand background for opening and closing sections */
.section-brand{background:var(--id-dark-green) url("assets/brand-background.jpg") center/cover no-repeat;color:var(--id-white)}

/* accents are shapes, icons and borders. never typeset. */
.accent-rule{height:2px;background:var(--id-green);border:0}
.icon-accent{fill:var(--id-green)}
.icon-warn{fill:var(--id-orange)}