/* =========================================================== STYL-BUD · AURUM Design System =========================================================== */ /* --- ROOT VARIABLES --- */ :root { --c-bg: #E3E1DC; --c-dark: #121212; --c-card: #1a1a1a; --c-accent: #374336; --c-muted: rgba(18, 18, 18, .5); --font-display: 'Syncopate', sans-serif; --font-body: 'Manrope', sans-serif; --max: 1400px; --px: clamp(1.5rem, 5vw, 4rem); } /* --- BASE RESET --- */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: auto; } /* Lenis handles smooth scroll */ a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; } body { background-color: var(--c-bg); color: var(--c-dark); font-family: var(--font-body); overflow-x: hidden; line-height: 1.6; } body.has-loader { opacity: 0; } /* --- NOISE OVERLAY --- */ .noise-overlay { position: fixed; inset: 0; pointer-events: none; z-index: 9000; opacity: .045; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); } /* --- ACCESSIBILITY SKIP LINK --- */ .skip { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .skip:focus { left: 1rem; top: 1rem; width: auto; height: auto; padding: .6rem 1rem; background: var(--c-dark); color: #fff; border-radius: 0; z-index: 99999; } /* =========================================================== PAGE LOADER (subpages — threshold-based, 300ms) =========================================================== */ /* Mechanizm: CSS transition-delay 300ms jako threshold. - Klasa is-loading dodawana natychmiast przez inline