/**
 * Default template – design tokens only.
 * No component styles here; each partial has its own CSS file.
 *
 * Service theme overrides: when viewing a service, the show template sets
 * --service-section-bg, --service-title-color, etc. on .default-page.
 * Section CSS uses root CTA colours (--color-surface, --color-surface-deep)
 * as fallbacks when --service-section-bg is not set, so we don't duplicate.
 */
:root {
  --default-color-primary: #4f46e5;
  --default-color-primary-light: #818cf8;
  --default-color-accent: #059669;
  --default-color-text: #374151;
  --default-color-text-muted: #6b7280;
  --default-color-heading: #111827;
  --default-color-border: #e5e7eb;
  --default-color-bg: #ffffff;
  --default-color-bg-soft: #f9fafb;
  --default-spacing-unit: 1rem;
  --default-spacing-sm: 0.5rem;
  --default-spacing-md: 1rem;
  --default-spacing-lg: 1.5rem;
  --default-spacing-xl: 2rem;
  --default-radius: 0.75rem;
  --default-radius-lg: 1rem;
  --default-font-size-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
  --default-font-size-lead: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --default-font-size-h2: clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);
  --default-font-size-h1: clamp(1.875rem, 1.5rem + 1.5vw, 2.5rem);
}
