/*
 * Copyright (c) 2026 AIRISH LLC
 * All Rights Reserved.
 *
 * This source code is proprietary and confidential.
 * Use is permitted only with explicit authorization from AIRISH LLC.
 * See the LICENSE file for details.
 */
/* ============================================================
   dark.css — ダークモード
   data-theme="dark" 明示指定、または data-theme="auto" + OS設定
   トークン（CSS変数）を上書きして全体に反映
   ============================================================ */
:root[data-theme="dark"] {
  --ink:        #e7eef0;
  --ink-soft:   #b3c1c5;
  --ink-mute:   #8a989c;
  --ocean:      #4fc3cf;
  --ocean-deep: #79d4dd;
  --ocean-tint: #143438;
  --sand:       #1a2329;
  --sand-deep:  #243038;
  --coral:      #f0876c;
  --coral-deep: #f59c84;
  --surface:    #131c21;
  --bg:         #0d1418;
  --line:       #28353b;
  --line-soft:  #1e2a30;
  --ok:         #4fd1a0; --ok-bg: #122a22;
  --bad:        #f08a7c; --bad-bg: #2c1714;
  --shadow-sm:  0 1px 2px rgba(0,0,0,.4);
  --shadow:     0 2px 8px rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.4);
  --ring:       0 0 0 3px rgba(79,195,207,.4);
}
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --ink:        #e7eef0;
    --ink-soft:   #b3c1c5;
    --ink-mute:   #8a989c;
    --ocean:      #4fc3cf;
    --ocean-deep: #79d4dd;
    --ocean-tint: #143438;
    --sand:       #1a2329;
    --sand-deep:  #243038;
    --coral:      #f0876c;
    --coral-deep: #f59c84;
    --surface:    #131c21;
    --bg:         #0d1418;
    --line:       #28353b;
    --line-soft:  #1e2a30;
    --ok:         #4fd1a0; --ok-bg: #122a22;
    --bad:        #f08a7c; --bad-bg: #2c1714;
    --shadow-sm:  0 1px 2px rgba(0,0,0,.4);
    --shadow:     0 2px 8px rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.4);
    --ring:       0 0 0 3px rgba(79,195,207,.4);
  }
}

/* ダーク時の微調整：白文字前提のバンドはトークンに依存しないため個別指定 */
:root[data-theme="dark"] .site-header,
:root[data-theme="auto"] .site-header { background: rgba(19,28,33,.9); }
:root[data-theme="dark"] .hero,
:root[data-theme="auto"] .hero { background: linear-gradient(180deg, var(--ocean-tint), var(--bg)); }
:root[data-theme="dark"] .btn--primary,
:root[data-theme="dark"] .btn--reserve { color: #08171a; }
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] .btn--primary,
  :root[data-theme="auto"] .btn--reserve { color: #08171a; }
}