/* * Base Styles
 * -------------------------------------------------- */
body {
    font-family: var(--font-ja);
    color: var(--color-primary);
    background-color: var(--color-bg);
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* Common Animation Pattern */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity var(--transition-smooth), transform var(--transition-smooth);
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}