/**
 * Style 1 — Global theme tokens
 * ---------------------------------------------------------------------------
 * These variables power the visual editor “Global theme colors” and AI builds.
 * Edit only this palette; section CSS must reference tokens (not raw hex).
 * Build injects css/crm-theme-overrides.css to remap --crm-theme-* at runtime.
 */
:root {
  --color-button-solid: #76756f;
  --crm-theme-primary: #6b5a46;
  --crm-theme-secondary: #f4efe6;
  --crm-theme-primary-dark: #564736;
  --crm-theme-accent: #7a654d;

  --color-primary: #8e8c85;
  --color-primary-dark: #74736d;
  --color-secondary: #615f5a;
  --color-accent: #76756f;

  --color-text: #2d2d2d;
  --color-text-muted: #6b6b6b;
  --color-text-light: #9a9a9a;
  --color-surface: #ffffff;
  --color-surface-soft: #fcfaf6;
  --color-surface-muted: #f1ebe1;
  --color-border: #d8cfbf;

  /* Legacy aliases (style.css + marketing.css) */
  --color-plum: #d3c1a9;
  --color-rose-pink: #dacab6;
  --color-pink: #f3f1eb;
  --color-pink-light: #f4f3ed;
  --color-pink-btn: #76756f;
  --color-pink-border: #dccdba;
  --color-accent-red: #8a5a3b;
  --color-gray-dark: #2d2d2d;
  --color-gray: #6b6b6b;
  --color-gray-light: #9a9a9a;
  --color-white: var(--color-surface);
  --color-orange: #d7c6b0;

  /* Marketing sections (patient portal, healow, tools, faqs) */
  --mkt-primary: var(--color-primary);
  --mkt-primary-dark: #615f5a;
  --mkt-accent: #76756f;
  --mkt-accent-dark: #64635e;
  --mkt-text: #333333;
  --mkt-text-muted: #555555;
  --mkt-link: #e9e6db;
  --mkt-check: #e9e6db;
  --mkt-bg-tab-inactive: #e9ecef;
  --mkt-border: #dee2e6;
  --mkt-surface: #ffffff;
  --mkt-surface-alt: #f3f2ec;
  --mkt-tab-text: var(--color-text-muted);
  --hero-card-icon-bg: #76756f;
  --footer-heading-color: #ffffff;
  --social-icon-color: #76756f;
}