/*
 * Global Blitz Week - brand tokens and fonts.
 * Values from the original Canva materials; see Vault/Brand/Colour Palette.md and Design Style.md.
 * Font paths are relative to this file (Assets/Brand/) - adjust when copied into the web build.
 */

@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-LightItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-SemiBoldItalic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sauce One"; src: url("../Fonts/OpenSauceOne/OpenSauceOne-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }

:root {
  /* Colours */
  --gbw-charcoal: #323232;          /* page background */
  --gbw-orange: #F25826;            /* primary - logo, panels, tiles, highlights */
  --gbw-ember: #C24E28;             /* decorative ring arc = orange at 75 % on charcoal */
  --gbw-off-white: #FDFFFE;         /* text on dark */
  --gbw-white: #FFFFFF;
  --gbw-black: #000000;             /* text on orange (contrast 6.2:1) */
  --gbw-outline: #CFCFCF;           /* thin rings around circular photos */

  /* Typography - Open Sauce One covers Latin incl. Central European, not Cyrillic/Greek/Arabic/...
     Thai, Urdu, Hindi and Chinese pages: the website build adds a Noto font to this stack
     (Assets/Fonts/Noto*, Tools/website/build.py SCRIPT_FONTS). */
  --gbw-font: "Open Sauce One", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --gbw-light: 300;
  --gbw-regular: 400;
  --gbw-semibold: 600;
  --gbw-bold: 700;

  /* Shapes */
  --gbw-radius-panel: 32px;
  --gbw-radius-tile: 20px;
}