@font-face {
    font-family: "Pretendard Variable";
    src: url("../fonts/PretendardVariable.woff2") format("woff2-variations");
    font-weight: 1 1000;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Sophisticated Pastel Palette - 20대 후반~30대 여성 타겟 */
    --primary-gradient: linear-gradient(135deg, #C9A0DC 0%, #D4B5E8 50%, #E8D5F0 100%);
    --secondary-gradient: linear-gradient(135deg, #B8A9C9 0%, #D3C5DB 50%, #ECE5F1 100%);
    --accent-gradient: linear-gradient(135deg, #A8D8EA 0%, #C4E8D9 100%);
    --sidebar-bg: linear-gradient(180deg, #FAF8FB 0%, #FDFCFE 100%);
    --main-bg: linear-gradient(135deg, #FDFCFE 0%, #F9F7FB 50%, #F5F3F9 100%);
    --accent-color: #9B7FA5;
    --accent-secondary: #A8D8EA;
    --accent-subtle: #E8B4C8;
    --text-dark: #2D2433;
    --text-light: #ffffff;
    --text-muted: #6B5F75;

    /* Glass & Shimmer Effects */
    --glass-bg: rgba(255, 255, 255, 0.6);
    --glass-border: rgba(201, 160, 220, 0.25);
    --glass-shadow: 0 8px 32px rgba(155, 127, 165, 0.12);
    --shimmer-gradient: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);

    /* Fonts - Modern 2030 Style */
    --font-heading: 'Pretendard Variable', 'Noto Color Emoji', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    --font-body: 'Pretendard Variable', 'Noto Color Emoji', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-body);
    color: var(--text-dark);
    background: var(--main-bg);
    background-attachment: fixed;
    overflow: hidden;
    height: 100vh;
}

a {
    text-decoration: none;
    color: inherit;
    transition: 0.3s;
}

ul {
    list-style: none;
}

/* Elegant Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(201, 160, 220, 0.08);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-gradient);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-gradient);
    border-radius: 10px;
}

/* Common Utilities */
.text-gradient {
    color: var(--accent-color);
}

/* Mobile-only line break utility */
.mobile-only {
    display: none;
}

/* Desktop-only utility */
.desktop-only {
    display: inline;
}

@media (max-width: 768px) {
    .mobile-only {
        display: inline;
    }

    .desktop-only {
        display: none;
    }
}