/* Application-wide fonts, reset/inheritance and accessibility. Shared application rules belong here once. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("./fonts/inter-500.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("./fonts/inter-600.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("./fonts/inter-700.ttf") format("truetype"); }
@font-face { font-family: "Material Symbols Outlined"; font-style: normal; font-weight: 400; font-display: block; src: url("./fonts/material-symbols-outlined.ttf") format("truetype"); }
* { box-sizing: border-box; }
a { color: inherit; }

/* Map general actions and keyboard focus to the existing Customizer identity.
   Semantic status colors retain their own meaning. */
:root, .dark, .light {
    --ui-color-accent-blue: var(--ui-color-product-boundary);
    --ui-focus-color: var(--ui-color-product-boundary);
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}