:root {
  --deep: #03404F;
  --dark: #045C6C;
  --turquoise: #0CBFC5;
  --lime: #95BD26;
  --white: #FEFEFE;

  /* Derived only from the CleanXpert palette */
  --ink: #03404F;
  --muted: #045C6C;
  --line: rgba(3, 64, 79, 0.14);
  --soft: rgba(12, 191, 197, 0.07);
  --soft-strong: rgba(12, 191, 197, 0.12);
  --lime-soft: rgba(149, 189, 38, 0.12);
  --shadow: 0 18px 48px rgba(3, 64, 79, 0.10);
  --shadow-sm: 0 10px 24px rgba(3, 64, 79, 0.08);

  /* Design-system inspired scale */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 12px;
  --radius-xl: 12px;
  --container: 1280px;
  --header-height: 76px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
}



:root {
  --site-bg: var(--white);
  --site-bg-2: var(--soft);
  --site-panel: rgba(254, 254, 254, 0.88);
  --site-panel-strong: rgba(254, 254, 254, 0.96);
  --site-text: var(--deep);
  --site-muted: var(--muted);
  --site-brand: var(--deep);
  --site-accent: var(--turquoise);
  --site-lime: var(--lime);
  --site-line: var(--line);
  --site-shadow: var(--shadow);
  --site-shadow-soft: var(--shadow-sm);
  --site-radius: var(--radius-md);
  --site-max: var(--container);
  --site-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --site-font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}