/**
 * 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 {
  --crm-theme-primary: #3d0026;
  --crm-theme-secondary: #bf98df;
  --crm-theme-primary-dark: #2a001a;
  --crm-theme-accent: #c7a0b8;

  --color-primary: #3d0026;
  --color-primary-dark: #2a001a;
  --color-secondary: var(--crm-theme-secondary);
  --color-accent: var(--crm-theme-accent);

  --color-text: #2b1a24;
  --color-text-muted: #5f4a58;
  --color-text-light: #8c7283;
  --color-surface: #ffffff;
  --color-surface-soft: #f8eef4;
  --color-surface-muted: #e9d3df;
  --color-border: #c7a0b8;

  /* Legacy aliases (style.css + marketing.css) */
  --color-plum: #3d0026;
  --color-rose-pink: #bf98df;
  --color-pink: #e9d3df;
  --color-pink-light: #f8eef4;
  --color-pink-btn: #3d0026;
  --color-pink-border: #c7a0b8;
  --color-accent-red: #2a001a;
  --color-gray-dark: #2b1a24;
  --color-gray: #5f4a58;
  --color-gray-light: #8c7283;
  --color-white: var(--color-surface);
  --color-orange: #bf98df;

  /* Marketing sections (patient portal, healow, tools, faqs) */
  --mkt-primary: var(--color-primary);
  --mkt-primary-dark: var(--color-primary-dark);
  --mkt-accent: var(--color-accent);
  --mkt-accent-dark: #2a001a;
  --mkt-text: #2b1a24;
  --mkt-text-muted: #5f4a58;
  --mkt-link: #3d0026;
  --mkt-check: #3d0026;
  --mkt-bg-tab-inactive: #e9ecef;
  --mkt-border: #c7a0b8;
}