/*
 * DimosTV frontend typography contract.
 * Commissioner: editorial hierarchy. Inter: reading and interface layer.
 */

:root {
  --dtv-font-heading: "Commissioner", "Segoe UI", Arial, sans-serif;
  --dtv-font-body: "Inter", "Segoe UI", Arial, sans-serif;
  --dtv-font-ui: "Inter", "Segoe UI", Arial, sans-serif;
}

body {
  font-family: var(--dtv-font-body);
  font-optical-sizing: auto;
  font-synthesis: style;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.entry-title,
.page-title,
.widget-title,
[class*="__title"],
[class*="-title"] {
  font-family: var(--dtv-font-heading);
  font-optical-sizing: auto;
}

button,
input,
select,
textarea,
.elementor-button,
.menu-item,
.nav-menu,
[class*="__meta"],
[class*="-meta"] {
  font-family: var(--dtv-font-ui);
}