/* 시스템 테마 자동 감지: data-theme 미지정 시 OS 따라감 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0f1115;
    --color-surface: #161922;
    --color-surface-hover: #1e2330;
    --color-surface-active: #252b3b;
    --color-border: #262b38;
    --color-border-strong: #353b4d;
    --color-border-focus: #e5e7eb;
    --color-text-primary: #e5e7eb;
    --color-text-secondary: #9ca3af;
    --color-text-tertiary: #6b7280;
    --color-text-placeholder: #4b5563;

    --color-accent: #e5e7eb;
    --color-accent-hover: #ffffff;
    --color-accent-text: #0f1115;
    --color-accent-soft: #1e2330;
    --color-accent-soft-strong: #252b3b;

    --color-point: #fbbf24;
    --color-point-hover: #f59e0b;
    --color-point-soft: rgba(251, 191, 36, 0.16);

    --color-danger: #f87171;
    --color-danger-hover: #ef4444;
    --color-danger-soft: rgba(248, 113, 113, 0.14);
    --color-success: #34d399;
    --color-warning: #fbbf24;

    --color-scrollbar: #262b38;
    --color-scrollbar-hover: #353b4d;
    --color-overlay: rgba(0, 0, 0, 0.65);
    --color-shadow: rgba(0, 0, 0, 0.4);
    --color-shadow-md: rgba(0, 0, 0, 0.6);

    --tag-blue: #60a5fa;
    --tag-green: #34d399;
    --tag-orange: #fbbf24;
    --tag-red: #f87171;
    --tag-purple: #a78bfa;
    --tag-teal: #2dd4bf;
    --tag-gray: #9ca3af;
  }
}