/**
 * Style 3 — Global theme tokens (classic healow blue palette)
 * Edit this palette only; specific-styles.css references these variables.
 * Build injects css/crm-theme-overrides.css to remap --crm-theme-* at runtime.
 */
:root {
  --crm-theme-primary: #007fa3;
  --crm-theme-secondary: #163845;
  --crm-theme-primary-dark: #005d78;
  --crm-theme-accent: #005d78;

  --color-primary: #009baa;
  --color-primary-dark: #007f8b;
  --color-secondary: #007fa3;
  --color-accent: #00818d;

  --color-text: #4f4f4f;
  --color-text-muted: #666666;
  --color-surface: #ffffff;
  --color-surface-muted: #f7fbfc;
  --color-surface-tint: #eef9fb;
  --color-border: #dee2e6;
  --color-hero-gradient-end: #cfeef3;
  --color-surface-alt: #f3f7f8;
  --color-faq-border: #c7e8ee;
  --color-faq-border-soft: #ddf1f5;
  --color-faq-border-light: #edf8fa;
  --color-faq-gradient-start: #f8fcfd;
  --color-chip-bg: #f2fbfc;
  --color-chip-border: #bfe4ea;
  --color-chip-text: #164a5a;
  --color-chip-hover: #e6f6f9;
  --color-text-shadow: #fffbf3;
  --color-insurance-muted: #d7e6ea;

  /* Legacy aliases (specific-styles.css) */
  --brand-heading: #00909e;
  --brand-hero-accent: #00afc1;
  --brand-dark: #007fa3;
  --brand-teal: #38c1cf;
  --brand-surface: #eaf9fa;
  --brand-red: #c73a3a;
  --brand-muted: #c4c4c4;
  --brand-highlight: #e6f8fb;
  --brand-lime: #f4fcfd;

  /* Marketing sections */
  --mkt-primary: var(--color-primary);
  --mkt-primary-dark: #006974;
  --mkt-accent: #008997;
  --mkt-text: #333333;
  --mkt-text-muted: #555555;
  --mkt-border: var(--color-border);
  --mkt-healow-blue: #006974;
  --mkt-warm-accent: #005d78;
  --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: #006974;
  --mkt-tab-text: var(--color-text-muted);
  --mkt-bg-tab-inactive: #e9f4f7;
}