:root {
    --bg-dark: #06240d;
    --primary: #8cc63f;
    --accent: #d4c115;
    --panel-bg: rgba(10, 43, 16, 0.75);
    --text-main: #ffffff;

    --ivl-bg-deep: #020b05;
    --ivl-bg-soft: #0a2b10;
    --ivl-text-muted: rgba(255, 255, 255, 0.72);
    --ivl-text-soft: rgba(255, 255, 255, 0.58);
    --ivl-border: rgba(140, 198, 63, 0.22);
    --ivl-border-gold: rgba(212, 193, 21, 0.30);
    --ivl-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);

    --ivl-gradient-bg:
        radial-gradient(circle at 14% 6%, rgba(212, 193, 21, 0.14), transparent 28%),
        radial-gradient(circle at 86% 18%, rgba(140, 198, 63, 0.11), transparent 34%),
        linear-gradient(135deg, #020b05 0%, #06240d 52%, #0b3215 100%);

    --ivl-gradient-panel:
        radial-gradient(circle at 10% 0%, rgba(212, 193, 21, 0.11), transparent 34%),
        linear-gradient(135deg, rgba(10, 43, 16, 0.82), rgba(3, 13, 6, 0.94));

    --ivl-gradient-gold:
        linear-gradient(135deg, #d4c115 0%, #f3e15b 48%, #a8980d 100%);

    --ivl-gradient-green:
        linear-gradient(135deg, #8cc63f 0%, #c7ef80 42%, #4f8a1d 100%);

    --ivl-font-title: 'Cormorant Garamond', Georgia, serif;
    --ivl-font-body: 'Montserrat', Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}

body.vl-body,
body {
    background: var(--ivl-gradient-bg);
    color: var(--text-main);
    overflow-x: hidden;
}

body.vl-body {
    font-family: var(--ivl-font-body);
}