/**
 * Arkaiu marketing — legal document reading surface.
 * Light by default; follows OS prefers-color-scheme on .legal-surface pages.
 */

.legal-doc {
    --legal-ink: #0f172a;
    --legal-ink-sub: #1e293b;
    --legal-muted: #475569;
    --legal-line: #cbd5e1;
    --legal-card: rgba(255, 255, 255, 0.94);
    --legal-link: #0e7490;
    --legal-link-hover: #06b6d4;
    max-width: 48rem;
}

.legal-doc__stack {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    font-size: 0.9375rem;
    line-height: 1.75;
    color: var(--legal-ink-sub);
}

.legal-doc .card {
    background: var(--legal-card);
    border-color: color-mix(in srgb, var(--legal-line) 80%, transparent);
    box-shadow: none;
    transform: none;
}

.legal-doc .card:hover {
    transform: none;
    box-shadow: none;
}

.legal-doc h2 {
    color: var(--legal-ink);
}

.legal-doc .text-brand-dark {
    color: var(--legal-ink);
}

.legal-doc a:not(.btn-primary) {
    color: var(--legal-link);
}

.legal-doc a:not(.btn-primary):hover {
    color: var(--legal-link-hover);
}

.legal-doc table th,
.legal-doc table td {
    border-color: color-mix(in srgb, var(--legal-line) 70%, transparent);
    color: var(--legal-ink-sub);
}

.legal-doc table th {
    color: var(--legal-ink);
}

.legal-surface .section-title {
    color: var(--legal-ink, #0f172a);
}

.legal-surface .section-lead {
    color: var(--legal-muted, #475569);
}

@media (prefers-color-scheme: dark) {
    .legal-surface {
        --legal-ink: #e2e8f0;
        --legal-ink-sub: #cbd5e1;
        --legal-muted: #94a3b8;
        --legal-line: #334155;
        --legal-card: rgba(15, 23, 42, 0.92);
        --legal-link: #22d3ee;
        --legal-link-hover: #67e8f9;
        background-color: #020617;
        color: var(--legal-ink);
    }

    .legal-surface header.sticky {
        background-color: rgba(2, 6, 23, 0.94);
        border-bottom-color: #1e293b;
        box-shadow: none;
    }

    .legal-surface header .text-brand-dark {
        color: #e2e8f0;
    }

    .legal-surface header a.text-brand-muted,
    .legal-surface header .text-brand-muted {
        color: #94a3b8;
    }

    .legal-surface header a.text-brand-muted:hover {
        color: #22d3ee;
    }

    .legal-surface header .border-brand-line {
        border-color: #334155;
    }

    .legal-surface header a[href]:hover {
        color: #22d3ee;
    }

    .legal-doc__stack {
        color: var(--legal-ink-sub);
    }

    /* Language switcher: avoid light hover flash on dark legal chrome */
    .legal-surface header nav .md\:flex > a:hover {
        background-color: #1e293b;
        color: #22d3ee;
    }
}