:root {
  --color-primary: #5b9ec9;
  --color-primary-dark: #3d7ea8;
  --color-primary-soft: #e8f4fa;

  --color-achievements: #c41e3a;
  --color-achievements-soft: #fce8ec;

  --color-projects: #4a9ec8;
  --color-projects-soft: #e6f5fb;

  --color-teaching: #6b8e23;
  --color-teaching-soft: #f0f5e6;

  --color-activities: #e67e22;
  --color-activities-soft: #fdf0e6;

  --background-main: #f7f9fb;
  --background-panel: #ffffff;
  --text-main: #222222;
  --text-sub: #666666;
  --text-muted: #888888;
  --border: #dde3ea;
  --border-strong: #c5ced8;

  --shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.12);

  --radius: 2px;
  --radius-ui: 4px;

  --font-sans: "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
  --font-serif: "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", "Noto Serif JP", serif;

  --content-max: 1100px;
  --space: 1rem;
  --header-pad-y: 0.85rem;
  --transition: 0.18s ease;
}