@import url("fonts/inter.css");

@font-face {
    font-family: "Satoshi";
    src: url("fonts/Satoshi-Variable.woff2") format("woff2");
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
}

:root,
[data-theme="light"] {
    --font-satoshi: "Satoshi", "Inter", sans-serif;
    --color-accent: #8c1352;
    --color-accent-hover: #a82868;
    --t-accent: #8c1352;
    --color-green: #3d7068;
    --t-bg: #f5f0eb;
    --t-text: #2d2d2d;
    --t-card: #e8e2dc;
    --t-card2: #ede8e3;
    --t-sub: #ddd8d2;
    --t-active: #d4cfc9;
    --t-border: #c5c0ba;
    --t-border2: #d4cfc9;
    --t-hover: #e0dbd5;
    --t-nav-bg: rgba(245, 240, 235, 0.85);
    --t-nav-border: rgba(0, 0, 0, 0.08);
    --t-mobile-bg: rgba(245, 240, 235, 0.95);
    --t-logo-filter: none;
}

[data-theme="dark"] {
    --t-bg: #060e1a;
    --t-text: #ebebeb;
    --t-card: #0c1828;
    --t-card2: #091422;
    --t-sub: #0e1a2c;
    --t-active: #132236;
    --t-border: #1c3048;
    --t-border2: #122038;
    --t-hover: #0a1624;
    --t-nav-bg: rgba(6, 14, 26, 0.85);
    --t-nav-border: rgba(255, 255, 255, 0.08);
    --t-mobile-bg: rgba(6, 14, 26, 0.95);
    --t-logo-filter: brightness(0) invert(1);
    --t-accent: #c43a7e;
}

body {
    font-family: var(--font-satoshi);
    background-color: var(--t-bg);
    color: var(--t-text);
    font-weight: 700;
    scroll-behavior: smooth;
    transition:
        background-color 0.3s ease,
        color 0.3s ease;
}

.glass-nav {
    background: var(--t-nav-bg);
    backdrop-filter: blur(12px);
    border: 1px solid var(--t-nav-border);
}

.nav-logo {
    filter: var(--t-logo-filter);
}

.mobile-menu-bg {
    background: var(--t-mobile-bg);
}

.hamburger-line {
    background: var(--t-text);
}

.scroll-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.scroll-reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

.legal-prose {
    font-weight: 400;
    line-height: 1.75;
    color: var(--t-text);
}
.legal-prose h2 {
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: -0.02em;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: var(--t-text);
}
.legal-prose h3 {
    font-weight: 700;
    font-size: 1.125rem;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    color: var(--t-text);
}
.legal-prose p {
    margin-bottom: 1rem;
    color: var(--t-text);
    opacity: 0.85;
}
.legal-prose ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.legal-prose ul li {
    margin-bottom: 0.5rem;
    color: var(--t-text);
    opacity: 0.85;
}
.legal-prose a {
    color: var(--t-accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.legal-prose a:hover {
    opacity: 0.8;
}
.legal-prose strong {
    font-weight: 700;
    opacity: 1;
}