/* =============================================
   Variables & Design Tokens
   ============================================= */
:root {
    /* Colors */
    --bg-body: #ffffff;
    --bg-dark: #0a0f1e;
    --bg-dark-2: #111827;
    --bg-gray: #f1f5f9;
    --bg-gray-2: #e2e8f0;
    --text-main: #1e293b;
    --text-secondary: #475569;
    --text-light: #94a3b8;
    --text-white: #ffffff;
    --accent: #c8a45e;
    --accent-hover: #b8943e;
    --accent-light: rgba(200, 164, 94, 0.1);

    /* Typography */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Noto Sans KR', sans-serif;

    /* Layout */
    --max-width: 1280px;

    /* Borders & Radius */
    --radius: 12px;
    --radius-lg: 20px;

    /* Shadows */
    --shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.12);

    /* Transitions */
    --transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-fast: all 0.25s ease;
}