/* 仕様書 v1.1 §11 / gate④ 正式配色（色値は変更しない） */
:root {
  --color-brand-navy: #21384F;
  --color-brand-gold: #9E893D;
  --color-surface-main: #FAF8F4;
  --color-surface-card: #FFFFFF;
  /* 案E「金継ぎ」: 暗い面だけに使う追加の藍 */
  --color-ink: #FAF8F4;
  --color-ink-deep: #F2F1EC;
  --color-ink-soft: #EAE6DD;
  --color-gold-lit: #9E893D;
  /* 金の面に載せる文字。地の色を明るくしても、ここは濃いままにする。
     明るい色にするとコントラストが 3.0:1 まで落ちて読めなくなる */
  --color-on-gold: #050C17;
  --color-on-ink: #21384F;
  --color-on-ink-muted: rgba(33, 56, 79, 0.72);
  --color-line-on-ink: rgba(33, 56, 79, 0.18);
  --color-text-body: #34495E;
  --color-text-heading: #21384F;
  --color-link: #21384F;
  --color-link-hover: #172B3D;
  --color-button-primary-bg: #21384F;
  --color-button-primary-text: #FFFFFF;
  --color-button-primary-hover: #172B3D;
  --color-focus-on-light: #21384F;
  --color-focus-on-dark: #FFFFFF;
  --color-disabled-text: #66727E;
  --color-disabled-bg: #E9E6DF;
  --color-border: #66727E;
  --color-dark-surface: #21384F;
  --color-dark-text: #FFFFFF;
  --color-dark-text-muted: #E9E6DF;
  --color-status-success-bg: #EAF4ED;
  --color-status-success-text: #1F5C3A;
  --color-status-warning-bg: #FFF4CC;
  --color-status-warning-text: #694E00;
  --color-status-error-bg: #FCECEF;
  --color-status-error-text: #8A2530;
  --color-status-info-bg: #EAF3FA;
  --color-status-info-text: #1E4C73;

  /* 装飾・余白（色相は上記の派生） */
  --color-border-soft: #E4DFD4;
  --color-border-softer: #EDE9E0;
  --color-surface-warm: #F3EFE6;
  --color-gold-muted: rgba(158, 137, 61, 0.55);
  --color-navy-faint: rgba(33, 56, 79, 0.06);
  --color-navy-mist: rgba(33, 56, 79, 0.1);

  --font-sans: "Noto Sans JP", sans-serif;
  --font-serif: "Noto Serif JP", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --max-width: 1240px;
  --header-height: 4.5rem;
  --radius: 0.35rem;
  --radius-lg: 0.6rem;
  --space-section: clamp(3.75rem, 6vw, 6rem);
  --space-section-sm: clamp(2.5rem, 4vw, 3.5rem);
  --rule-gold: 1.5px solid var(--color-brand-gold);
  --shadow-soft: 0 8px 28px rgba(33, 56, 79, 0.06);
  --texture-washi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.13 0 0 0 0 0.22 0 0 0 0 0.31 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}