/* Brand tokens. Loaded on every template, including the landing page. */
/* ============ BRAND TOKENS ============ */
  :root[data-theme="teal"]{
    --bg:#0a2c31; --bg-2:#0c353c;
    --ink:#eff5f4; --ink-2:#a9c2c3; --ink-3:#8aa3a7;
    /* Cards sit on white. These are the values the Programs page workshop
       cards already used; they are now the site-wide default. */
    --surface:#ffffff; --surface-2:#f6f7f4;
    --on-surface:#15282b; --on-surface-2:#5c6c6e; --on-surface-3:#687272;
    /* Dividers INSIDE a white card. --line is white-on-dark and vanishes there. */
    --line-on-surface:rgba(21,40,43,.12); --line-on-surface-2:rgba(21,40,43,.22);
    /* Amber is unreadable as text on white. Use this for text on a card. */
    --accent-on-surface:#a4660a;
    --line:rgba(255,255,255,.13); --line-2:rgba(255,255,255,.22);
    --accent:#f5a623; --accent-ink:#0a2c31; --accent-text:#f5a623;
    --nav-bg:rgba(9,40,45,.82);
    --hero-tint:linear-gradient(180deg,rgba(7,32,36,.62) 0%,rgba(7,32,36,.5) 45%,rgba(7,32,36,.82) 100%);
    --band-tint:linear-gradient(180deg,rgba(7,32,36,.55),rgba(7,32,36,.7));
  }
  :root{
    --serif:"Source Serif 4",Georgia,serif;
    --sans:"Poppins",system-ui,-apple-system,sans-serif;
    --maxw:1240px;
    --leaf:14px 14px 56px 14px;
    --ease:cubic-bezier(.22,.61,.36,1);
  }

/* ============ RESET (shared by every template) ============ */
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  img,svg,video{max-width:100%}
  a{color:inherit;text-decoration:none}
  ul{list-style:none}