/* =========================================================
   CC: css/brands/ccg.css - Christian College Geelong's colours and fonts (the default brand).
   CC: Picked by _BRAND_ in config and linked after css/ccg-tokens.css by templates/shared/theme-tokens.phtml.
   CC: Must declare nothing but @font-face and :root values - staff pages load it for variables only.
   CC: Values come from the existing site (css/frontend.css --ccg-burgandy) and the crest in images/logo.png.
   CC: See docs/theme/THEME_README.md for how to add or change a brand.
   ========================================================= */

/* CC: ---- Brand fonts (self-hosted, Latin subset WOFF2 made from the OTFs in css/fonts) ---- */
@font-face {
  font-family: "CCG Sofia Pro";
  src: url("../fonts/woff2/sofia-pro-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CCG Sofia Pro";
  src: url("../fonts/woff2/sofia-pro-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CCG Sofia Pro";
  src: url("../fonts/woff2/sofia-pro-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CCG Novel Pro";
  src: url("../fonts/woff2/novel-pro-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* CC: ---- Brand: CCG burgundy. White text on --brand-700 is 8.7:1 ---- */
  --brand-950: #3C040F;   /* CC: photo overlays only (darkest end of the group tours hero gradient) */
  --brand-900: #5C0617;   /* CC: header background, deepest burgundy. Keep config/brands/ccg.php themeColour in step */
  --brand-800: #7A0A29;   /* CC: primary button hover (the old --ccg-burgandy-hover) */
  --brand-700: #980A28;   /* CC: primary buttons, active step (the old --ccg-burgandy) */
  --brand-600: #980A28;   /* CC: links and focus ring - 8.7:1 on white */
  --brand-100: #F8EBEE;   /* CC: tinted panels, selected choices. --brand-700 text on it: 7.5:1 */
  --brand-050: #FCF6F7;   /* CC: faintest tint, hover backgrounds */
  --accent-500: #002D73;  /* CC: CCG navy - small highlights only (a short rule, a badge). 13:1 on white */
  --info-700: #002D73;    /* CC: info alerts text/border */
  --info-100: #E8EEF7;    /* CC: info alerts background */
  --shadow-colour: #3C0A16; /* CC: tint for card shadows (see --shadow-card in ccg-tokens.css) */

  /* CC: ---- Logo ---- */
  /* CC: site-absolute path: a relative url() in a custom property resolves differently between browsers */
  --brand-logo: url("/images/logo.png");
  --header-logo-height: 4.5rem; /* CC: 72px - the logo image includes the small white wordmark, so it needs room */

  /* CC: ---- Fonts ---- */
  /* CC: headings: Sofia Pro Bold. UI (labels, buttons, inputs): Sofia Pro. Reading text: Novel Pro. */
  --font-heading: "CCG Sofia Pro", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-ui: "CCG Sofia Pro", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "CCG Novel Pro", Georgia, "Times New Roman", serif;
}