/* ============================================
   mocha.css — saikha4n.com 共通モカ調パレット
   ============================================ */

:root {
  /* --- 背景 --- */
  --mocha-bg: #f5efe6;
  --mocha-surface: #fff8f0;
  --mocha-surface-alt: #ede0d4;

  /* --- ボーダー --- */
  --mocha-border: #d5c4a1;
  --mocha-border-light: #e8dcc8;

  /* --- テキスト --- */
  --mocha-text: #3e2c1c;
  --mocha-text-muted: #7a6652;
  --mocha-text-dim: #a89279;

  /* --- アクセント --- */
  --mocha-accent: #8b5e3c;
  --mocha-accent-hover: #6d4a2e;
  --mocha-accent-light: #c4956a;

  /* --- 機能色 --- */
  --mocha-success: #5a7a5a;
  --mocha-error: #a04040;
  --mocha-info: #5c7a8a;

  /* --- コード / 出力 --- */
  --mocha-code-bg: #2c2218;
  --mocha-code-text: #e8d5c0;

  /* --- 時計ダーク用 --- */
  --mocha-dark-surface: #3d2e1e;
  --mocha-dark-deep: #2c2218;
  --mocha-dark-border: #5a4a3a;
  --mocha-dark-text: #e8d5c0;
}

/* --- トップページへのナビリンク --- */
.nav-home {
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
}

.nav-home a {
  color: var(--mocha-accent);
  text-decoration: none;
  font-size: 0.9em;
  transition: color 0.2s ease;
}

.nav-home a:hover {
  color: var(--mocha-accent-hover);
  text-decoration: underline;
}