@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    --kl-color-bg: #050505;
    --kl-color-surface: rgba(16, 16, 16, 0.84);
    --kl-color-surface-2: rgba(25, 25, 25, 0.92);
    --kl-color-surface-3: rgba(36, 30, 22, 0.9);
    --kl-color-text: #f6f0e7;
    --kl-color-muted: #b7a894;
    --kl-color-muted-strong: #d7c8b1;
    --kl-color-gold: #c8a05a;
    --kl-color-gold-strong: #f1c978;
    --kl-color-gold-soft: rgba(241, 201, 120, 0.16);
    --kl-color-border: rgba(255, 255, 255, 0.1);
    --kl-color-border-strong: rgba(241, 201, 120, 0.24);
    --kl-radius-xl: 32px;
    --kl-radius-lg: 24px;
    --kl-radius-md: 16px;
    --kl-shadow-soft: 0 30px 80px rgba(0, 0, 0, 0.32);
    --kl-shadow-panel: 0 24px 70px rgba(0, 0, 0, 0.3);
    --kl-container: 1320px;
    --kl-space-2: 0.5rem;
    --kl-space-3: 0.75rem;
    --kl-space-4: 1rem;
    --kl-space-6: 1.5rem;
    --kl-space-8: 2rem;
    --kl-space-10: 2.5rem;
    --kl-space-12: 3rem;
    --kl-space-16: 4rem;
    --kl-font-body: "Manrope", sans-serif;
    --kl-font-display: "Cormorant Garamond", serif;
}