:root {
    /* カラーパレット */
    --color-primary: #2563eb;  /* メインカラー */
    --color-primary-light: #60a5fa;
    --color-primary-dark: #1d4ed8;
    --color-background: #f9fafb;
    --color-surface: #ffffff;
    --color-text: #1f2937;
    --color-text-light: #6b7280;
    --color-footer: #1f2937;
    --color-footer-text: #9ca3af;
}

/* スムーズなスクロール */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px; /* ヘッダーの高さに合わせて調整 */
}

/* カスタムスクロールバー */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 見出しのアンカー位置調整 */
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
    scroll-margin-top: 80px; /* ヘッダーの高さに合わせて調整 */
}