@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&family=Saira:wght@400;500;600;700;800;900&display=swap');
:root{
  --bg:#f4f6fb;
  --card:#ffffff;
  --text:#101828;
  --muted:rgba(16,24,40,.62);
  --pri:#7c5cff;
  --r:16px;
  --tn-font-heading:'Saira',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --tn-font-body:'Google Sans','Google Sans Text',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html[data-theme=dark]{
  --bg:#0b0f19;
  --card:#111b31;
  --text:#e9eefc;
  --muted:rgba(233,238,252,.70);
}
html,body,button,input,select,textarea{font-family:var(--tn-font-body)}
:where(h1,h2,h3,h4,h5,h6,.tn-display,.tn-heading,.tn-hero-title,.tn-section-title,.tn-news-hero h1,.tn-news-card h2,.tn-article-title,.tn-popup-title){font-family:var(--tn-font-heading)}