/**
 * 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: #727374;
  --crm-theme-primary: #2f6f70;
  --crm-theme-secondary: #dff0f0;
  --crm-theme-primary-dark: #25595a;
  --crm-theme-accent: #25595a;

  --color-primary: #929394;
  --color-primary-dark: #717272;
  --color-secondary: #636465;
  --color-accent: #727374;

  --color-text: #2d2d2d;
  --color-text-muted: #6b6b6b;
  --color-text-light: #9a9a9a;
  --color-surface: #ffffff;
  --color-surface-soft: #f7fbfb;
  --color-surface-muted: #eff7f7;
  --color-border: #c7dddd;

  /* Legacy aliases (style.css + marketing.css) */
  --color-plum: #78c1c2;
  --color-rose-pink: #8ccacb;
  --color-pink: #f6f8f8;
  --color-pink-light: #f7f9f9;
  --color-pink-btn: #727374;
  --color-pink-border: #93cdce;
  --color-accent-red: #2f6f70;
  --color-gray-dark: #2d2d2d;
  --color-gray: #6b6b6b;
  --color-gray-light: #9a9a9a;
  --color-white: var(--color-surface);
  --color-orange: #83c6c7;

  /* Marketing sections (patient portal, healow, tools, faqs) */
  --mkt-primary: var(--color-primary);
  --mkt-primary-dark: #636465;
  --mkt-accent: #727374;
  --mkt-accent-dark: #616263;
  --mkt-text: #333333;
  --mkt-text-muted: #555555;
  --mkt-link: #eff2f3;
  --mkt-check: #eff2f3;
  --mkt-bg-tab-inactive: #e9ecef;
  --mkt-border: #dee2e6;
  --mkt-surface: #ffffff;
  --mkt-surface-alt: #f6f8f9;
  --mkt-tab-text: var(--color-text-muted);
  --hero-card-icon-bg: #727374;
  --footer-heading-color: #ffffff;
  --social-icon-color: #727374;
}