/* Campsfire / CampFire design tokens — warm orange theme (matches UI mockup) */
:root {
  --cf-bg: #ffffff;
  --cf-bg-elevated: #fff7ed;
  --cf-surface: #ffffff;
  --cf-surface2: #ffedd5;
  --cf-border: #fed7aa;
  --cf-text: #1c1917;
  --cf-text-secondary: #78716c;
  --cf-text-muted: #a8a29e;
  --cf-link: #ea580c;
  --cf-primary: #f97316;
  --cf-primary-dark: #ea580c;
  --cf-primary-light: #fb923c;
  --cf-gradient: linear-gradient(135deg, #f97316 0%, #dc2626 100%);
  --cf-accent: #f97316;
  --cf-error: #dc2626;
  --cf-success: #16a34a;
  --cf-radius-sm: 12px;
  --cf-radius-lg: 20px;
  --cf-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --cf-auth-max: 400px;
  --cf-shadow: 0 8px 32px rgba(249, 115, 22, 0.15);
}

/* Dark mode */
.dark {
  --cf-bg: #0c0a09;
  --cf-bg-elevated: #1c1917;
  --cf-surface: #1c1917;
  --cf-surface2: #292524;
  --cf-border: #44403c;
  --cf-text: #fafaf9;
  --cf-text-secondary: #a8a29e;
  --cf-text-muted: #78716c;
  --cf-link: #fb923c;
  --cf-primary: #f97316;
  --cf-primary-dark: #fb923c;
  --cf-primary-light: #ea580c;
  --cf-gradient: linear-gradient(135deg, #f97316 0%, #ef4444 100%);
  --cf-accent: #f97316;
  --cf-error: #ef4444;
  --cf-success: #22c55e;
  --cf-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

/* Auto dark mode for users who prefer it */
@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --cf-bg: #0c0a09;
    --cf-bg-elevated: #1c1917;
    --cf-surface: #1c1917;
    --cf-surface2: #292524;
    --cf-border: #44403c;
    --cf-text: #fafaf9;
    --cf-text-secondary: #a8a29e;
    --cf-text-muted: #78716c;
    --cf-link: #fb923c;
    --cf-primary: #f97316;
    --cf-primary-dark: #fb923c;
    --cf-primary-light: #ea580c;
    --cf-gradient: linear-gradient(135deg, #f97316 0%, #ef4444 100%);
    --cf-accent: #f97316;
    --cf-error: #ef4444;
    --cf-success: #22c55e;
    --cf-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  }
}