/* KIO brand tokens — shared by hub + all 5 themes.
   Fonts: Goodly (5 weights, self-hosted). Colors: cyan primary, violet accent,
   charcoal ink. Each theme overrides layout/feel but inherits these basics. */

@font-face { font-family: 'Goodly'; font-weight: 200; font-style: normal; font-display: swap; src: url('/fonts/Goodly-ExtraLight.woff') format('woff'), url('/fonts/Goodly-ExtraLight.ttf') format('truetype'); }
@font-face { font-family: 'Goodly'; font-weight: 300; font-style: normal; font-display: swap; src: url('/fonts/Goodly-Light.woff') format('woff'), url('/fonts/Goodly-Light.ttf') format('truetype'); }
@font-face { font-family: 'Goodly'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/Goodly-Regular.woff') format('woff'), url('/fonts/Goodly-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Goodly'; font-weight: 500; font-style: normal; font-display: swap; src: url('/fonts/Goodly-Medium.woff') format('woff'), url('/fonts/Goodly-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Goodly'; font-weight: 700; font-style: normal; font-display: swap; src: url('/fonts/Goodly-Bold.woff') format('woff'), url('/fonts/Goodly-Bold.ttf') format('truetype'); }

:root {
  /* Brand colors lifted from kiomethod.com */
  --kio-cyan: #AAEDFE;        /* primary brand tint */
  --kio-cyan-bright: #46E6F8; /* brighter cyan accent */
  --kio-violet: #7A62DE;      /* secondary accent */
  --kio-ink: #32373c;         /* button + headline charcoal */
  --kio-ink-soft: #5a6066;
  --kio-paper: #ffffff;
  --kio-mist: #f7fbfc;        /* near-white with cyan undertone */
  --kio-hair: rgba(50, 55, 60, 0.12);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Goodly', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--kio-ink); background: var(--kio-paper); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }