/**
 * 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: #003050;
  --crm-theme-primary: #003050;
  --crm-theme-secondary: #f0c010;
  --crm-theme-primary-dark: #002040;
  --crm-theme-accent: #c02030;

  --color-primary: #003050;
  --color-primary-dark: #002040;
  --color-secondary: #f0c010;
  --color-accent: #c02030;

  --color-text: #2d2d2d;
  --color-text-muted: #5a6570;
  --color-text-light: #8a96a3;
  --color-surface: #ffffff;
  --color-surface-soft: #fff9e8;
  --color-surface-muted: #eef4f8;
  --color-surface-warm: #fff4cc;
  --color-border: #d7e1ea;

  /* Legacy aliases (style.css + marketing.css) */
  --color-plum: #f0c010;
  --color-rose-pink: #5a7a9a;
  --color-pink: #8ba3b8;
  --color-pink-light: #f7fafc;
  --color-pink-btn: #003050;
  --color-pink-border: #f0c010;
  --color-accent-red: #c02030;
  --color-gray-dark: #2d2d2d;
  --color-gray: #5a6570;
  --color-gray-light: #8a96a3;
  --color-white: var(--color-surface);
  --color-orange: #f0c010;

  /* Marketing sections (patient portal, healow, tools, faqs) */
  --mkt-primary: var(--color-primary);
  --mkt-primary-dark: #002040;
  --mkt-accent: #003050;
  --mkt-accent-dark: #002040;
  --mkt-text: #333333;
  --mkt-text-muted: #555555;
  --mkt-link: #003050;
  --mkt-check: #f0c010;
  --mkt-bg-tab-inactive: #eef4f8;
  --mkt-border: #d7e1ea;
  --mkt-surface: #ffffff;
  /* Iframe host panels must stay translucent-light (black CDN text) */
  --mkt-surface-alt: #00305012;
  /* Practice unique code — darkened primary for white-panel readability */
  --mkt-practice-code: #002040;
  --mkt-tab-text: var(--color-text-muted);
  --hero-card-icon-bg: #f0c010;
  --footer-heading-color: #f0c010;
  --social-icon-color: #f0c010;
}