/**
 * theme-light.css — ライトテーマ変数オーバーライド
 * 使い方: theme.css の後に読み込む
 * <link rel="stylesheet" href="/shared/theme.css">
 * <link rel="stylesheet" href="/shared/theme-light.css">
 */
:root {
  /* 背景 */
  --ts-bg-primary:   #f8f8fc;
  --ts-bg-secondary: #ffffff;
  --ts-bg-tertiary:  #f0f0f6;

  /* テキスト */
  --ts-text-primary:   #1a1a2e;
  --ts-text-secondary: #4a4a68;
  --ts-text-muted:     #8888a0;

  /* アクセント */
  --ts-accent:         #6c5ce7;
  --ts-accent-hover:   #5a4bd6;
  --ts-accent-success: #2ecc71;
  --ts-accent-warning: #f39c12;
  --ts-accent-error:   #e74c3c;

  /* ボーダー */
  --ts-border:       #e0e0ea;
  --ts-border-light: #ececf4;

  /* シャドウ */
  --ts-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --ts-shadow-md: 0 2px 12px rgba(0, 0, 0, 0.08);
  --ts-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
}