/* Driving License Theme — 道路の世界観 */
:root {
  /* メインカラー: 道路標識のオレンジ */
  --color-accent: #E65100;

  /* 背景: アスファルトの夜 */
  --color-bg-main: #1A1A2E;
  --color-bg-card: #16213E;

  /* フィードバック: 信号機の色 */
  --color-correct: #00C853;
  --color-incorrect: #FF1744;

  /* XP: センターラインの黄色 */
  --color-xp: #FFD600;

  /* ストリーク: 道路案内標識の青 */
  --color-streak: #00B8D4;

  /* カテゴリカラー（7分野） */
  --color-cat-1: #2196F3;  /* 交通ルール基礎 — 規制標識の青 */
  --color-cat-2: #FF9800;  /* 交差点・踏切 — 警戒標識のオレンジ */
  --color-cat-3: #F44336;  /* 速度・車間・停止 — 速度制限の赤 */
  --color-cat-4: #9C27B0;  /* 駐停車 — 駐車禁止の紫系 */
  --color-cat-5: #00BCD4;  /* 追い越し・進路変更 — 案内標識のシアン */
  --color-cat-6: #4CAF50;  /* 安全運転 — 安全の緑 */
  --color-cat-7: #795548;  /* 車両・制度 — 車体のブラウン */
}

/* Light theme — 道路の昼間 */
[data-theme="light"] {
  --color-accent: #E65100;
  --color-bg-main: #F5F5F5;
  --color-bg-card: #FFFFFF;
  --color-text-main: #1A1A2E;
  --color-text-sub: #5A5A7A;
  --color-correct: #00C853;
  --color-incorrect: #FF1744;
  --color-xp: #F9A825;
  --color-streak: #0097A7;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.12),
                 0 1px 2px rgba(0, 0, 0, 0.08);
}