/* variables.css */
:root {
    /* Primary Colors */
    --color-deep-navy: #0a0e1a;
    --color-charcoal: #1a2436;
    --color-midnight: #0f172a;

    /* Secondary Colors */
    --color-pale-blue: #7eb8da;
    --color-muted-purple: #9b8aa6;
    --color-dusty-pink: #c47d8c;

    /* Text Colors */
    --color-off-white: #e5e7eb;
    --color-light-gray: #9ca3af;
    --color-medium-gray: #6b7280;

    /* Typography */
    --font-heading-jp: 'Noto Sans JP', 'YuGothic', 'Yu Gothic', sans-serif;
    --font-body-jp: 'Noto Sans JP', 'YuGothic', 'Yu Gothic', sans-serif;
    --font-heading-en: 'Helvetica Neue', 'Inter', sans-serif;
    --font-body-en: 'Helvetica Neue', 'Inter', sans-serif;
    --font-artist: 'Akkurat', 'Suisse Int\\' l', sans-serif;

        /* Transitions */
        --transition-smooth: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}