/**
 * @fileoverview テーマ定義
 * @description ライト/ダークテーマのCSS変数
 */

/* ライトテーマ（デフォルト） */
:root {
  --bg-primary: #f8f9fa;
  --bg-secondary: #ffffff;
  --bg-header: #ffffff;
  --bg-nav: #ffffff;
  --bg-card: #ffffff;

  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-muted: #adb5bd;

  --accent-color: #4A90A4;
  --accent-light: #e8f4f8;
  --success-color: #28a745;
  --error-color: #dc3545;
  --warning-color: #ffc107;

  --border-color: #dee2e6;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ダークテーマ */
[data-theme="dark"] {
  --bg-primary: #1a1a2e;
  --bg-secondary: #16213e;
  --bg-header: #16213e;
  --bg-nav: #16213e;
  --bg-card: #1f3a5f;

  --text-primary: #e8e8e8;
  --text-secondary: #a0a0a0;
  --text-muted: #6c6c6c;

  --accent-color: #5dade2;
  --accent-light: #1f3a5f;
  --success-color: #2ecc71;
  --error-color: #e74c3c;
  --warning-color: #f39c12;

  --border-color: #2c3e50;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* システム設定に従う */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-primary: #1a1a2e;
    --bg-secondary: #16213e;
    --bg-header: #16213e;
    --bg-nav: #16213e;
    --bg-card: #1f3a5f;

    --text-primary: #e8e8e8;
    --text-secondary: #a0a0a0;
    --text-muted: #6c6c6c;

    --accent-color: #5dade2;
    --accent-light: #1f3a5f;
    --success-color: #2ecc71;
    --error-color: #e74c3c;
    --warning-color: #f39c12;

    --border-color: #2c3e50;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  }
}

/* フォントサイズ */
[data-font-size="small"] {
  font-size: 14px;
}

[data-font-size="medium"] {
  font-size: 16px;
}

[data-font-size="large"] {
  font-size: 18px;
}