/**
 * 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: #424e43;
  --crm-theme-primary: #424e43;
  --crm-theme-secondary: #eae7dc;
  --crm-theme-primary-dark: #2f382f;
  --crm-theme-accent: #5d5537;

  --color-primary: #424e43;
  --color-primary-dark: #364037;
  --color-secondary: #2d352e;
  --color-accent: #424e43;

  --color-text: #2d2d2d;
  --color-text-muted: #6b6b6b;
  --color-text-light: #9a9a9a;
  --color-surface: #ffffff;
  --color-surface-soft: #faf9f5;
  --color-surface-muted: #f3f1e8;
  --color-border: #d4d0c2;

  /* Legacy aliases (style.css + marketing.css) */
  --color-plum: #7a714a;
  --color-rose-pink: #9d9575;
  --color-pink: #959c96;
  --color-pink-light: #a1a7a1;
  --color-pink-btn: #424e43;
  --color-pink-border: #958d6e;
  --color-accent-red: #6b4f20;
  --color-gray-dark: #2d2d2d;
  --color-gray: #6b6b6b;
  --color-gray-light: #9a9a9a;
  --color-white: var(--color-surface);
  --color-orange: #857c58;

  /* Marketing sections (patient portal, healow, tools, faqs) */
  --mkt-primary: var(--color-primary);
  --mkt-primary-dark: #2d352e;
  --mkt-accent: #424e43;
  --mkt-accent-dark: #384239;
  --mkt-text: #333333;
  --mkt-text-muted: #555555;
  --mkt-link: #424e43;
  --mkt-check: #424e43;
  --mkt-bg-tab-inactive: #e9ecef;
  --mkt-border: #dee2e6;
  --mkt-surface: #ffffff;
  /* Iframe host panels must stay translucent-light (black CDN text) */
  --mkt-surface-alt: #16191f12;
  /* Practice unique code — darkened primary for white-panel readability */
  --mkt-practice-code: #282f28;
  --mkt-tab-text: var(--color-text-muted);
  --hero-card-icon-bg: #424e43;
  --footer-heading-color: #ffffff;
  --social-icon-color: #424e43;
}