/* ダークテーマ変数定義 */
:root {
  /* カラーパレット */
  --color-primary: #0a0a0a;
  --color-secondary: #1a1a1a;
  --color-accent: #7c3aed;
  --color-text: #f8fafc;
  --color-text-hover: #cbd5e1;
  --color-border: #2d3748;
  --color-bg: transparent; /* テンプレート3のグラデーション背景を優先 */
  
  /* スペーシング */
  --spacing-unit: 1rem;
  
  /* トランジション */
  --transition-default: 0.2s ease-in-out;
  
  /* 影設定 */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.25);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.35);
}

/* ダークテーマ強制（テンプレート1,2,4用） */
@media (prefers-color-scheme: light) {
  :root:not(.template-3) {
    --color-primary: #0a0a0a;
    --color-secondary: #1a1a1a;
    --color-bg: #09090b;
  }
}

/* テンプレート3専用設定 */
.template-3 {
  --color-bg: transparent !important;
}