/* MeloDear — テーマ固定（theme-lock）
   原因: _senastra/variables.css の
     @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --color-bg: #0C0C10; … } }
   が特異度 (0,2,0) で、themes.css の [data-theme="hokusai"] (0,1,0) より強い。
   そのため OS がダークモードの閲覧者には hokusai（月白の地・藍）ではなく、
   Senastra 既定のダーク（#0C0C10 の地・#6E6EE0 の紫）が出ていた。
   ここで同じ特異度 (0,2,0) の :root[data-theme="hokusai"] を variables.css より後に置き、
   hokusai の値を再宣言して勝たせる。_senastra/ は Senastra 由来なので触らない。
   サイト固有の朱（#B8442E）は page.css / LP 側で上書きしているので、ここでは hokusai 本来の値だけ。 */

:root[data-theme="hokusai"] {
  --palette-1: #E8F0F6;
  --palette-2: #C8D8EA;
  --palette-3: #F0F4F8;
  --palette-4: #88AACC;
  --palette-5: #5A86A8;
  --palette-6: #2C5478;
  --palette-7: #0E2840;
  --palette-8: #2E78B8;
  --palette-9: #48A0C0;

  --color-bg:             var(--palette-1);
  --color-bg-subtle:      var(--palette-2);
  --color-bg-inset:       var(--palette-2);
  --color-surface:        var(--palette-3);
  --color-surface-hover:  #E4ECF2;
  --color-surface-active: #DCE6EE;
  --color-surface-overlay: rgba(255, 255, 255, 0.85);
  --color-border:         var(--palette-4);
  --color-border-strong:  var(--palette-5);
  --color-border-focus:   var(--palette-8);
  --color-text-primary:   var(--palette-7);
  --color-text-secondary: var(--palette-6);
  --color-text-tertiary:  var(--palette-5);
  --color-text-disabled:  #A8BCCC;
  --color-text-inverse:   #FAFAFA;
  --color-accent:         var(--palette-8);
  --color-accent-hover:   #1C6098;
  --color-accent-active:  #164C7A;
  --color-accent-subtle:  #D8E8F4;
  --color-accent-muted:   #D8E8F4;
  --color-text-on-accent: #FFFFFF;
  --shadow-color: 210deg 35% 50%;
  --shadow-kasane: 0 4px 16px rgba(46, 120, 184, 0.15);
  color-scheme: light;
}