/**
 * variables.css – Policy Forest 테마 변수 및 다크 모드
 * P3: base.html 내 :root / prefers-color-scheme / data-bs-theme 이관
 */

/* Light Mode (default) */
:root {
  --bs-primary: #007bff;
  --bs-secondary: #6c757d;

  --pf-bg: #fff;
  --pf-surface: #f8f9fa;
  --pf-surface-alt: #e9ecef;
  --pf-text: #212529;
  --pf-text-muted: #6c757d;
  --pf-border: #dee2e6;
  --pf-primary: #007bff;
  --pf-destructive: #dc3545;
  --pf-warning-bg: #fff3cd;
  --pf-warning-border: #ffeeba;

  /* Design tokens: 8pt grid, typography, buttons */
  --pf-space-8: 8px;
  --pf-space-12: 12px;
  --pf-space-16: 16px;
  --pf-space-24: 24px;
  --pf-card-padding: var(--pf-space-16);
  --pf-section-gap: var(--pf-space-24);
  --pf-font-page-title: 22px;
  --pf-font-body: 16px;
  --pf-font-caption: 13px;
  --pf-font-caption-lg: 14px;
  --pf-font-section: 18px;
  --pf-font-section-lg: 20px;
  --pf-radius-card: 8px;
  --pf-radius-btn: 6px;
  --pf-input-border: #333333;
  --pf-input-focus: #2563eb;
  --pf-input-error: #dc2626;
  --pf-input-success: #10b981;
}

/* Dark Mode – prefers-color-scheme */
@media (prefers-color-scheme: dark) {
  :root {
    --pf-bg: #0d1117;
    --pf-surface: #161b22;
    --pf-surface-alt: #21262d;
    --pf-text: #f8f9fa;
    --pf-text-muted: #adb5bd;
    --pf-border: #30363d;
    --pf-primary: #0d6efd;
    --pf-destructive: #e4606d;
    --pf-warning-bg: #664d03;
    --pf-warning-border: #856404;
    --pf-input-border: #30363d;
    --pf-input-focus: #2563eb;
    --pf-input-error: #dc2626;
    --pf-input-success: #10b981;
  }

  body {
    background-color: var(--pf-bg);
    color: var(--pf-text);
  }

  .bg-light {
    background-color: var(--pf-surface) !important;
  }

  .text-dark {
    color: var(--pf-text) !important;
  }
}

/* Dark Mode – data-bs-theme attribute */
[data-bs-theme="dark"] {
  --pf-bg: #0d1117;
  --pf-surface: #161b22;
  --pf-surface-alt: #21262d;
  --pf-text: #f8f9fa;
  --pf-text-muted: #adb5bd;
  --pf-border: #30363d;
  --pf-primary: #0d6efd;
  --pf-destructive: #e4606d;
  --pf-warning-bg: #664d03;
  --pf-warning-border: #856404;
  --pf-input-border: #30363d;
  --pf-input-focus: #2563eb;
  --pf-input-error: #dc2626;
  --pf-input-success: #10b981;
}

[data-bs-theme="dark"] body {
  background-color: var(--pf-bg);
  color: var(--pf-text);
}

[data-bs-theme="dark"] .bg-light {
  background-color: var(--pf-surface) !important;
}

[data-bs-theme="dark"] .text-dark {
  color: var(--pf-text) !important;
}