/* =========================================================
  style.css
  - Header / Footer 共通スタイルのみ
========================================================= */

:root {
  --font-sans: "Inter", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
}

html, body {
  font-family: var(--font-sans);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ==============================
   Header
============================== */

/* ロゴR */
.logo-r{
  background: linear-gradient(135deg, #5b5ce6 0%, #6d28d9 100%);
}

/* ガラスヘッダー */
.glass{
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(12px);
}

/* ==============================
   Footer
============================== */

footer{
  font-size: 0.875rem;
}

footer a{
  transition: color .2s ease;
}

footer a:hover{
  color: #4f46e5; /* indigo-600 */
}