/* SageCube brand base, loaded on every page.
   Poppins 500 to 900 and the colour tokens from brand-kit/assets/styles/sagecube-tokens.css.
   Only the fonts and variables are here: the kit's .btn/.card/.field rules would clash with
   the page styles, so pages adopt them one by one.
   /assets/* is cached for a year, so bump the version in the file name when this changes. */
@font-face { font-family: 'Poppins'; src: url('/brand-kit/assets/fonts/Poppins_500Medium.ttf') format('truetype'); font-weight: 100 500; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/brand-kit/assets/fonts/Poppins_600SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/brand-kit/assets/fonts/Poppins_700Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/brand-kit/assets/fonts/Poppins_800ExtraBold.ttf') format('truetype'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/brand-kit/assets/fonts/Poppins_900Black.ttf') format('truetype'); font-weight: 900; font-display: swap; }

:root {
  /* brand colours only, no purple */
  --blue: #0A6CE6;  --navy: #0A3F8C;  --ink: #0F1B33;
  --green: #3BC414; --light-green: #B6F59E;
  --yellow: #FFC53D; --pink: #F2577E; --orange: #F57C14;  /* orange is an accent */
  --pale: #EEF5FE;  --mist: #DCEAFD;
  /* supporting tints used in the screens */
  --muted: #4A5872; --page: #F6F9FE; --mint: #E8F8E1; --cream: #FFF1CC; --blush: #FDE3EA;
  --green-dark: #2A8F0E; --pink-dark: #C93A5E; --yellow-dark: #C9951C;
  --whatsapp: #25D366; --whatsapp-dark: #1A9E4B;  /* WhatsApp buttons only */

  --font: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-card: 22px; --radius-btn: 16px; --radius-field: 14px; --radius-chip: 99px;
  --shadow-card: 0 6px 18px rgba(15, 27, 51, .06);
}

body { font-family: var(--font); }