/*
 * Design tokens - Expert Hotte's real brand identity: blue accent on a light
 * background, matching the live prohotte.fr site (inspected directly:
 * primary button/link color #2563EB, body background #F9FAFB, body text
 * #0F172A). A handful of sections are deliberately kept on the dark navy
 * surface below (header utility bar, footer, hero photo banners, final CTA)
 * - the same dark/light contrast pattern the live site itself uses, not an
 * invented palette. The Tailwind config (inc/enqueue.php inline script)
 * maps utility classes to these same values so "bg-primary", "text-ink",
 * "bg-dark" etc. all stay in sync with this one definition.
 */
:root {
  --color-background: #f9fafb;
  --color-surface: #ffffff;
  --color-surface-raised: #f1f5f9;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;

  --color-text: #0f172a;
  --color-text-secondary: #475569;
  --color-text-muted: #94a3b8;

  --color-border: #e2e8f0;

  /* Deliberately dark surfaces (header top bar, hero banners, footer, CTA) */
  --color-dark: #0f172a;
  --color-dark-raised: #1e293b;
}

html {
  background: var(--color-background);
}