:root { --color-primary: #0066ff; --color-primary-light: #3385ff; --color-primary-dark: #0047b3; --color-background: #f0f8ff; --color-text: #000; --color-link: #000; --color-link-hover: #004ecc; --color-link-hover-light: #004ecc; --font-size: 16px;} :root { --color-000: #000; --color-333: #333; --color-666: #666; --color-999: #999; --color-fff: #fff;} * { box-sizing: border-box; } *:where(:not(body, html, iframe, canvas, img, svg, video, audio)::before, :not(body, html, iframe, canvas, img, svg, video, audio)::after) { margin: 0; padding: 0; } html { scroll-padding-top: 5rem; scroll-behavior: smooth; font-size: var(--font-size); height: 100%;} body { font-family: var(--font-family); color: var(--color-text, #333); background-color: var(--color-background, #fff); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-height: 100%; } a { color: var(--color-link, #007bff); text-decoration: none; transition: color 0.3s; } a:hover { color: var(--color-link-hover, #0056b3); } img { display: block; vertical-align: top; max-width: 100%; height: auto; } ul, ol { list-style: none; } li { list-style: none; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: bold; line-height: 1.2; } input, button, textarea { outline: none; font-family: var(--font-family); } input:focus, button:focus, textarea:focus, a:focus { outline: none; } body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, dl, dd { margin: 0; } ul, ol { padding: 0; list-style: none; }