/* ========================================================================= TAK font lock ------------------------------------------------------------------------- Forces the TAK Studio V2 type stack to win over the host WordPress theme (e.g. Twenty Twenty-Five's theme.json imposes Manrope on body + headings). - Base rule sits on the app CONTAINER (not `*`), so inheritance fills unset text without clobbering component rules that intentionally use var(--font-mono) / var(--font-display). - Headings, form controls and mono surfaces are pinned explicitly with !important — that's exactly where the theme overrides (form controls don't inherit font-family; the theme pins headings). - Scoped to `.takeoff-wp-app` (app root) and `body.takstudio-app` (the class the app adds to for re-parented modals / popovers). Tokens: --font-body / --font-display / --font-mono are defined on :root in tak-tokens.css. Enqueued LAST (see take-off-plugin.php) so it also wins source order. ========================================================================= */ /* Base: DM Sans everywhere in the app (beats the theme body font by inheritance) */ .takeoff-wp-app, body.takstudio-app { font-family: var(--font-body) !important; } /* Form controls don't inherit font-family; the theme pins them — pin ours back */ .takeoff-wp-app button, .takeoff-wp-app input, .takeoff-wp-app select, .takeoff-wp-app textarea, .takeoff-wp-app optgroup, body.takstudio-app button, body.takstudio-app input, body.takstudio-app select, body.takstudio-app textarea { font-family: var(--font-body) !important; } /* Headings: DM Serif Display (TAK Studio V2 style) */ .takeoff-wp-app h1, .takeoff-wp-app h2, .takeoff-wp-app h3, .takeoff-wp-app h4, .takeoff-wp-app h5, .takeoff-wp-app h6, body.takstudio-app h1, body.takstudio-app h2, body.takstudio-app h3, body.takstudio-app h4, body.takstudio-app h5, body.takstudio-app h6 { font-family: var(--font-display) !important; } /* Monospace surfaces (numbers / code / measurements) */ .takeoff-wp-app code, .takeoff-wp-app pre, .takeoff-wp-app kbd, .takeoff-wp-app .font-mono, .takeoff-wp-app #measurement-bar .op-value, .takeoff-wp-app .tak-combobox-option-sublabel { font-family: var(--font-mono) !important; }