/*
Theme Name: みずほ盛岡
Description: 有限会社みずほ盛岡のホームページ用オリジナルテーマ
Author: AI
Version: 1.0.0
*/

:root {
    --color-primary: #1e40af; /* Blue-800 - 信頼感 */
    --color-secondary: #059669; /* Emerald-600 - 安心感 */
    --color-bg-light: #f0f9ff; /* Sky-50 */
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    line-height: 1.8;
}

/* カスタムカラークラス */
.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.bg-secondary { background-color: var(--color-secondary); }
.bg-light { background-color: var(--color-bg-light); }

/* スムーズスクロール */
html {
    scroll-behavior: smooth;
}

/* フェードインアニメーション */
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* モバイルメニュー */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}
#mobile-menu.hidden-menu {
    transform: translateX(100%);
}
#mobile-menu.visible-menu {
    transform: translateX(0);
}