/*
 * Tilaka Onboarding demo — global styles.
 * Reproduces the prototype's <helmet> <style>, with Plus Jakarta Sans self-hosted
 * (no Google Fonts CDN — data residency) from woff2 copied out of @fontsource.
 */

/* ---- Plus Jakarta Sans (self-hosted, latin) ---- */
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/plus-jakarta-sans-400.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('assets/fonts/plus-jakarta-sans-500.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('assets/fonts/plus-jakarta-sans-600.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/plus-jakarta-sans-700.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('assets/fonts/plus-jakarta-sans-800.woff2') format('woff2'); }

* { box-sizing: border-box; }
body { margin: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: 'Plus Jakarta Sans', sans-serif; }
a { color: #0D5FB3; text-decoration: none; }
a:hover { color: #0A4A8C; }

#tk-frame ::-webkit-scrollbar { width: 8px; height: 8px; }
#tk-frame ::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 8px; }

@keyframes tkspin { to { transform: rotate(360deg); } }

/* Conditional blocks start hidden; app.js reveals the active screen as display:contents
   so the wrapper never adds a box to flex/absolute layouts. */
[data-show] { display: none; }

/* Avoid a flash of unstyled computed elements before app.js runs its first render. */
html:not(.ready) #tk-frame { visibility: hidden; }