@import url('../css pages/global.css');

/* ═══════════════════════════════════════════════════
   VARIABLES & BASE
═══════════════════════════════════════════════════ */

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: var(--bg-main);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ═══════════════════════════════════════════════════
   DARK MODE - TEXTES
═══════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════
   DARK MODE - BACKGROUNDS
═══════════════════════════════════════════════════ */
body.dark-theme { background-color: #0f172a !important; }

/* ═══════════════════════════════════════════════════
   DARK MODE - BORDERS
═══════════════════════════════════════════════════ */

body.dark-theme .legal-card { border-color: rgba(51, 65, 85, 0.8) !important; }
body.dark-theme .legal-card:hover { background-color: #27364b !important; }

/* ═══════════════════════════════════════════════════
   MESH BACKGROUND
═══════════════════════════════════════════════════ */
.bg-mesh {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: -1;
    background-color: var(--bg-main);
    background-image:
        radial-gradient(at 0% 0%, var(--mesh-1) 0px, transparent 50%),
        radial-gradient(at 100% 100%, var(--mesh-2) 0px, transparent 50%);
    transition: all 0.3s ease;
}

.legal-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

.legal-card:hover {
    transform: translateY(-5px);
    border-color: #6366f1;
    box-shadow: 0 20px 40px rgba(99, 102, 241, 0.15);
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}