/* SageCube brand base, loaded on every page.
   Imports the kit tokens once (Poppins 500 to 900, colours, radius, shadows, buttons, fields),
   then adds the site-wide brand rules below. Pages keep their own component styles on top.
   /assets/* is cached for a year, so bump the version in the file name when this changes. */
@import url('/brand-kit/assets/styles/sagecube-tokens.css');

/* Same files as the kit, with font-display: swap so text shows while Poppins loads. */
@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 {
  --whatsapp: #25D366; --whatsapp-dark: #1A9E4B;  /* WhatsApp buttons only */
  --font: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
}

body { font-family: var(--font); }
button, input, select, textarea { font-family: inherit; }

/* Logo: colour version on light backgrounds, white version on blue, navy or dark ones.
   Height is set by the page; width follows the file so it never stretches or squashes. */
.sc-brand-logo { display: inline-block; flex-shrink: 0; line-height: 0; vertical-align: middle; }
.sc-brand-logo img { width: auto; max-width: none; object-fit: contain; }
a:has(> .sc-brand-logo) { flex-shrink: 0; }

/* Brand line icons from brand-kit/assets/icons/svg, coloured with `color`. */
.sc-ic { display: inline-block; width: 1.15em; height: 1.15em; vertical-align: -0.2em; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }