/**
 * Style 2 — Global theme tokens (Healow purple / pink palette)
 * Edit this palette only; section CSS references these variables.
 */
:root {
  --color-button-solid: #0a5580;
  --crm-theme-primary: #e8b20e;
  --crm-theme-secondary: #0a5580;
  --crm-theme-primary-dark: #c48a08;
  --crm-theme-accent: #2a8a6e;

  --color-primary: #e8b20e;
  --color-primary-dark: #c48a08;
  --color-secondary: #0a5580;
  --color-accent: #2a8a6e;

  --color-text: #2d2d2d;
  --color-text-muted: #6b7280;
  --color-text-light: #6b7280;
  --color-surface: #ffffff;
  --color-surface-muted: #f7f8f9;
  --color-border: #d7dde1;

  /* Style 2 legacy aliases */
  --dark-purple: #0a5580;
  --dark-purple-gray: #063e5c;
  --light-purple: #e8b20e;
  --pink: #f0d45a;
  --hot-pink: #c48a08;
  --red: #c48a08;
  --orange: #e8b20e;
  --blue: #0a5580;
  --dark-blue: #063e5c;
  --teal: #2a8a6e;
  --light-blue: #d7f0ea;
  --gray-600: var(--color-text);
  --gray-500: var(--color-text-muted);
  --gray-400: var(--color-text-light);
  --gray-200: var(--color-border);
  --gray-100: var(--color-surface-muted);
  --white: var(--color-surface);

  /* Marketing sections */
  --mkt-primary: var(--color-primary-dark);
  --mkt-primary-dark: #063e5c;
  --mkt-accent: #2a8a6e;
  --mkt-accent-dark: #1f6b55;
  --mkt-text: #333333;
  --mkt-text-muted: #555555;
  --mkt-link: #0a5580;
  --mkt-check: #2a8a6e;
  --mkt-bg-tab-inactive: #e9ecef;
  --mkt-border: #dee2e6;
  --mkt-healow-blue: #0a5580;
  --mkt-warm-accent: #e8b20e;
  /* Iframe host panels must stay translucent-light (black CDN text) */
  --mkt-surface-alt: #0a558012;
  /* Practice unique code — darkened primary for white-panel readability */
  --mkt-practice-code: #8a6400;
  --mkt-tab-text: #495057;
  --mkt-surface: #ffffff;

  /* UI accents */
  --color-success: #1f7a3f;
  --color-primary-darker: #8a6400;
  --color-app-button: #0a5580;
  --color-code-highlight: #fff6d4;
  --color-nav-border: #c8d1d6;
  --hero-card-icon-bg: #0a5580;
  --footer-heading-color: #ffffff;
  --social-icon-color: #2a8a6e;
}