/* ===== CSS VARIABLES & GLOBAL STYLES ===== */
:root {
    --color-primary: #0F172A;
    --color-secondary: #1E293B;
    --color-accent: #F97316;
    --color-accent-light: #FDBA74;
    --color-sky: #0EA5E9;
    --color-sky-light: #7DD3FC;
    --color-emerald: #10B981;
    --color-white: #FFFFFF;
    --color-gray-50: #F8FAFC;
    --color-gray-100: #F1F5F9;
    --color-gray-200: #E2E8F0;
    --color-gray-300: #CBD5E1;
    --color-gray-400: #94A3B8;
    --color-gray-500: #64748B;
    --color-gray-600: #475569;
    --color-gray-700: #334155;
    --color-red: #EF4444;
    --color-red-light: #FEE2E2;
    --font-display: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Noto Sans JP', sans-serif;
}

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-body);
    background: var(--color-gray-50);
    color: var(--color-primary);
    line-height: 1.7;
    overflow-x: hidden;
}