/* BBE Buddy — brand tokens (from Build Better Education brand.css) */
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700;800;900&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  /* Brand palette (sampled from logo) */
  --teal:    #2A8B70;
  --teal-d:  #1F6E58;
  --forest:  #2F8B67;
  --mint:    #46B6A8;
  --gold:    #F4C430;
  --coral:   #F08C80;
  --coral-d: #E2705F;

  /* Neutrals — warm off-white / charcoal */
  --paper:   #FBF8F2;
  --paper-2: #F4EFE5;
  --card:    #FFFFFF;
  --ink:     #1C2B27;
  --ink-2:   #45554F;
  --line:    #E7E0D2;

  --font-display: 'Schibsted Grotesk', system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', system-ui, sans-serif;
  --font-mono: 'Schibsted Grotesk', ui-monospace, 'SF Mono', Menlo, monospace;
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin:0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1,h2,h3,h4{ font-family: var(--font-display); font-weight: 800; line-height: 1.04; letter-spacing: -0.02em; margin:0; }
a{ color: inherit; }
img{ max-width:100%; display:block; }
.uc{ text-transform: uppercase; letter-spacing: 0.14em; font-weight:700; }

/* small tracked label used widely as a "system" voice */
.mono-label{ font-family:var(--font-display); font-weight:800; font-size:12px; letter-spacing:.16em; text-transform:uppercase; }