/* ========================================================================== Reset minimo + tipografia + base styles Override Bootstrap 5 con i nostri token (Bootstrap importato in ). ========================================================================== */ :root { --bs-body-bg: var(--bg-app); --bs-body-color: var(--fg-primary); --bs-body-font-family: var(--font-sans); --bs-body-font-size: var(--fs-base); --bs-primary: var(--color-primary-600); --bs-primary-rgb: 79, 70, 229; --bs-border-color: var(--border-default); --bs-border-radius: var(--radius-md); } [data-theme="dark"] { --bs-body-bg: var(--bg-app); --bs-body-color: var(--fg-primary); --bs-border-color: var(--border-default); } *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--font-sans) !important; font-size: var(--fs-base); line-height: var(--lh-normal); color: var(--fg-primary) !important; background: var(--bg-app) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100vh; min-height: 100dvh; } h1, h2, h3, h4, h5, h6 { margin: 0 0 var(--space-3); font-weight: var(--fw-semibold); line-height: var(--lh-tight); color: var(--fg-primary); } h1 { font-size: var(--fs-3xl); } h2 { font-size: var(--fs-2xl); } h3 { font-size: var(--fs-xl); } h4 { font-size: var(--fs-lg); } p { margin: 0 0 var(--space-3); color: var(--fg-secondary); } a { color: var(--color-primary-600); text-decoration: none; transition: color var(--duration-fast) var(--ease-out); } a:hover { color: var(--color-primary-700); text-decoration: underline; } [data-theme="dark"] a, :root:not([data-theme="light"]) a { color: var(--color-primary-300); } [data-theme="dark"] a:hover, :root:not([data-theme="light"]) a:hover { color: var(--color-primary-200); } img, svg, video { max-width: 100%; display: block; } ::selection { background: var(--color-primary-200); color: var(--color-primary-900); } /* Scrollbar moderna */ * { scrollbar-width: thin; scrollbar-color: var(--border-default) transparent; } *::-webkit-scrollbar { width: 8px; height: 8px; } *::-webkit-scrollbar-track { background: transparent; } *::-webkit-scrollbar-thumb { background: var(--border-default); border-radius: var(--radius-pill); } *::-webkit-scrollbar-thumb:hover { background: var(--border-strong); } /* Focus accessibile */ :focus { outline: none; } :focus-visible { outline: 2px solid var(--color-primary-500); outline-offset: 2px; border-radius: var(--radius-sm); } /* Helpers */ .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .hidden { display: none !important; } @media (max-width: 1023px) { .desktop-only { display: none !important; } } @media (min-width: 1024px) { .mobile-only { display: none !important; } }