/* ══ TOKENS (design_system2) ════════════════════════════════════ */ :root { --c-bg: #FDFBF7; --c-dark: #1A1A1A; --c-primary: #2B4A3B; --c-accent: #EAE4D9; --expo: cubic-bezier(0.16, 1, 0.3, 1); --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1); --transition-medium: 0.7s cubic-bezier(0.16, 1, 0.3, 1); } /* ══ BASE ════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: auto; overflow-x: hidden; overflow-y: auto !important; background: var(--c-bg); }
body { scroll-behavior: auto; overflow-x: hidden; overflow-y: auto !important; background: var(--c-bg); color: var(--c-dark); font-family: 'Inter', sans-serif; width: 100%; opacity: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
 /* FLOATING MINIMALIST SCROLLBAR (MAC STYLE) */ body body body body body { scrollbar-width: thin; scrollbar-color: rgba(26, 26, 26, 0.2) transparent; } /* ══ DESIGN SYSTEM CLASSES ═══════════════════════════════════════ */ .font-display { font-family: 'Instrument Serif', serif; } .noise-overlay { position: fixed; inset: 0; pointer-events: none; z-index: 9000; opacity: 0.22; 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='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E"); mix-blend-mode: multiply; } 


/* ══ SCROLLBARS ══ */
::-webkit-scrollbar { width: 12px; height: 12px; }

::-webkit-scrollbar-track { background: transparent; }

::-webkit-scrollbar-thumb { background-color: rgba(26, 26, 26, 0.2); border-radius: 10px; border: 4px solid transparent; background-clip: padding-box; }

::-webkit-scrollbar-thumb:hover { background-color: rgba(26, 26, 26, 0.35); border: 4px solid transparent; background-clip: padding-box; }

::-webkit-scrollbar { width: 10px; }

::-webkit-scrollbar-track { background: rgba(26, 26, 26, 0.03); }

::-webkit-scrollbar-thumb { background: rgba(43, 74, 59, 0.2); /* Tom verde sutil */ border-radius: 10px; border: 2px solid transparent; background-clip: content-box; }

::-webkit-scrollbar-thumb:hover { background: rgba(43, 74, 59, 0.4); }

::-webkit-scrollbar { display: none; }

::-webkit-scrollbar {
        display: none;
      }

::-webkit-scrollbar {
      width: 4px;
    }

::-webkit-scrollbar-track {
      background: #070c08;
    }

::-webkit-scrollbar-thumb {
      background: rgba(183, 147, 88, 0.28);
      border-radius: 2px;
    }

::-webkit-scrollbar-thumb:hover {
      background: rgba(183, 147, 88, 0.50);
    }

::-webkit-scrollbar       { width: 4px; }

::-webkit-scrollbar-track { background: #050a06; }

::-webkit-scrollbar-thumb {
      background: rgba(183, 147, 88, 0.22);
      border-radius: 2px;
    }

::-webkit-scrollbar-thumb:hover {
      background: rgba(183, 147, 88, 0.42);
    }