@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Theme: Default (baseline fallback) */
body.theme-default {
  --font-family:  Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-sans:    var(--font-family);
  --font-heading: var(--font-family);

  --color-primary:       #2563eb;
  --color-primary-hover: #0d9488;
  --color-primary-light: rgba(37, 99, 235, 0.12);
  --color-accent:        #0d9488;
  --color-on-primary:    #ffffff;

  --color-bg:               #ffffff;
  --color-surface:          #f9fafb;
  --color-surface-elevated: #f3f4f6;

  --color-text:  #111827;
  --color-muted: #6b7280;
  --color-border: #e5e7eb;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --radius-full: 9999px;
  --radius-pill: 999px;
  --border-radius: var(--radius-md);

  /* Hero — horizontal snap carousel (same behaviour as market/circuit) */
  --hero-mode: slide;
  --hero-scroll-behavior: smooth;
  --hero-max-height: min(70vh, 520px);
  --hero-dot-color: var(--color-border);
  --hero-dot-active-color: var(--color-primary);
  --hero-shell-radius: var(--radius-md);
  --hero-autoplay-ms: 4500;
}

/* Keep legacy tenant token (if any templates rely on it) */
:root {
  --tenant-theme-accent: var(--sf-accent, #2563eb);
}