/**
 * Future Foundation — Default Theme Fallbacks
 *
 * FF components read the host app's CSS variables directly:
 *   --background-color, --border-color, --text-primary, --success-color, etc.
 *
 * When no host app theme is present, these fallbacks apply.
 * Dark mode respects the host's data-theme attribute on :root.
 * The host app does NOT need to import this file if it defines its own vars.
 */

:root {
  /* Background */
  --background-color: #ffffff;
  --surface-color: #f8f9fa;
  --background-hover: #f3f4f6;

  /* Text */
  --text-primary: #1a1d24;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;

  /* Border */
  --border-color: #e5e7eb;

  /* Semantic */
  --success-color: #10b981;
  --error-color: #ef4444;
  --warning-color: #f59e0b;
  --accent-color: #00A4DD;
}

:root[data-theme="dark"] {
  --background-color: #1a1d24;
  --surface-color: #2a2d34;
  --background-hover: #32353c;
  --text-primary: #f3f4f6;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;
  --border-color: #374151;
  --success-color: #34d399;
  --error-color: #f87171;
  --warning-color: #fbbf24;
  --accent-color: #38bdf8;
}