/* Default theme — CSS variables for the default template */
:root,
[data-template='default'] {
  --color-brand: #000;
  --color-bg: #fff;
  --color-text: #111;
  --color-accent: #3b82f6;
  --color-accent-hover: #2563eb;
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --max-width: 1200px;
  --spacing: 1rem;

  /* Card surface — what the template paints real cards with, so
     skeleton placeholders match the chrome they are standing in for. */
  --color-surface: #ffffff;
  --color-surface-border: #e5e7eb;

  /* Skeleton loading colours — default light */
  --skeleton-base: #e5e7eb;
  --skeleton-shimmer: #f3f4f6;

  /* BrandLoader (full-screen loading screen) */
  --loader-bg: #f9fafb;
  --loader-bar-color: #4f46e5;
  --loader-text: #6b7280;
}