/* A1NTEL title / interface / data roles. Activated explicitly per application. */
@font-face{
  font-family:"Teodor Light";
  src:local("Teodor Light"),url("./teodor-light.woff2") format("woff2");
  font-style:normal;font-weight:300;font-display:swap;
}
:root{
  --a1-font-title:"Teodor Light", "Teodor Light Placeholder", sans-serif;
  --a1-font-ui:var(--a1h-sans,Manrope,system-ui,sans-serif);
  --a1-font-data:var(--a1h-mono,"DM Mono",ui-monospace,monospace);
  --a1-type-page:clamp(36px,3.5vw,46px);
  --a1-type-hero:clamp(44px,5vw,68px);
  --a1-type-section:clamp(28px,2.5vw,32px);
}
/* Only deliberate display roles. No global heading, body, button or data reset. */
html[data-a1-typography="teodor"] body :is([data-a1-type="title"],[data-a1-type="hero"],[data-a1-type="section"]),
html[data-a1-typography="teodor"][data-a1-app="landing"] body :is(.fx-top h1,.a1-hero h1,.cg-hero h1,.vs-hero h1,.reading-shell h1),
html[data-a1-typography="teodor"][data-a1-app="burn"] body .outlook-head h1,
html[data-a1-typography="teodor"][data-a1-app="thesis"] body main h1,
html[data-a1-typography="teodor"][data-a1-app="autopilot"] body .topbar h1,
html[data-a1-typography="teodor"][data-a1-app="research"] body .rs-hero h1,
html[data-a1-typography="teodor"][data-a1-app="copytrade"] body :is(.page-heading h1,.section-head h2,.ct-top h1,.history>h1),
html[data-a1-typography="teodor"][data-a1-app="admin"] body .ops-heading h1{
  font-family:var(--a1-font-title);font-weight:300;font-style:normal;
  font-synthesis:none;font-size:var(--a1-type-page);line-height:1.1;
  letter-spacing:-.02em;text-wrap:balance;
}
html[data-a1-typography="teodor"] body [data-a1-type="hero"],
html[data-a1-typography="teodor"][data-a1-app="landing"] body :is(.fx-top h1,.a1-hero h1,.cg-hero h1,.vs-hero h1){
  font-size:var(--a1-type-hero);line-height:1.08;
}
html[data-a1-typography="teodor"] body [data-a1-type="section"],
html[data-a1-typography="teodor"][data-a1-app="landing"] body :is(.a1-section>h2,.front-group-head>h2,.reading-shell>section>h2,.reading-shell article>section>h2){
  font-family:var(--a1-font-title);font-weight:300;font-style:normal;
  font-synthesis:none;font-size:var(--a1-type-section);line-height:1.18;
  letter-spacing:-.015em;text-wrap:balance;
}
html[data-a1-app="admin"]{--a1-font-ui:system-ui,-apple-system,"Segoe UI",sans-serif;--a1-font-data:ui-monospace,monospace}
@media(max-width:700px){
  :root{--a1-type-page:36px;--a1-type-hero:42px;--a1-type-section:28px}
}