/* Existing Dentor templates inherit the shared UI tokens. */
:root {
    --bg: var(--ui-bg);
    --surface: var(--ui-surface);
    --surface-2: var(--ui-selected);
    --text: var(--ui-text);
    --muted: var(--ui-muted);
    --line: var(--ui-border);
    --brand: var(--ui-primary);
    --brand-2: var(--ui-primary);
    --brand-3: var(--ui-primary);
}
body { font-family: var(--ui-font); font-size: 16px; background: var(--ui-bg); }
.site-footer { background: var(--ui-surface); border-color: var(--ui-border); }
h1 { font-size: clamp(24px, 3vw, 28px); font-weight: 600; }
h2 { font-size: 24px; font-weight: 600; }
h3 { font-weight: 600; }
.btn, .lang-switch a { min-height: 44px; min-width: 44px; }
.btn { font-family: inherit; font-size: 16px; gap: 8px; border-color: var(--ui-border); background: var(--ui-surface); color: var(--ui-text); }
.btn-primary { background: var(--ui-primary); color: white; }
.btn-primary:hover { background: var(--ui-primary-hover); }
.btn-ghost { background: var(--ui-surface); }
.btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
:focus-visible { outline: 3px solid var(--ui-primary); outline-offset: 3px; }
input, select, textarea { font-family: inherit; font-size: 16px; min-height: 44px; }
input[aria-invalid='true'], textarea[aria-invalid='true'] { border-color: var(--ui-error); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }