/**
 * Style 1 — Global theme tokens
 * ---------------------------------------------------------------------------
 * Brand palette derived from logo-1.webp:
 *   FAMILY green → primary
 *   LIFE blue    → secondary / dark surfaces
 */
:root {
  /* Logo base colors */
  --brand-family-green: #5e653a;
  --brand-family-green-dark: #4a5130;
  --brand-family-green-light: #6f7648;
  --brand-life-blue: #1a3558;
  --brand-life-blue-dark: #122840;
  --brand-life-blue-mid: #25456e;

  --color-button-solid: #5e653a;
  --crm-theme-primary: #5e653a;
  --crm-theme-secondary: #eef2f7;
  --crm-theme-primary-dark: #1a3558;
  --crm-theme-accent: #1a3558;

  --color-primary: #5e653a;
  --color-primary-dark: #4a5130;
  --color-secondary: #1a3558;
  --color-accent: #5e653a;

  --color-text: #2d2d2d;
  --color-text-muted: #5c5f54;
  --color-text-light: #7a7e70;
  --color-surface: #ffffff;
  --color-surface-soft: #f4f5ee;
  --color-surface-muted: #e8ebd9;
  --color-border: #c5cbb0;

  /* Legacy aliases (style.css + marketing.css) */
  --color-plum: #1a3558;
  --color-rose-pink: #8a9170;
  --color-pink: #a8ae90;
  --color-pink-light: #b8bda0;
  --color-pink-btn: #5e653a;
  --color-pink-border: #4a5130;
  --color-accent-red: #1a3558;
  --color-gray-dark: #2d2d2d;
  --color-gray: #5c5f54;
  --color-gray-light: #7a7e70;
  --color-white: var(--color-surface);
  --color-orange: #25456e;

  /* Marketing sections (patient portal, healow, tools, faqs) */
  --mkt-primary: var(--color-primary);
  --mkt-primary-dark: #1a3558;
  --mkt-accent: #5e653a;
  --mkt-accent-dark: #4a5130;
  --mkt-text: #333333;
  --mkt-text-muted: #555555;
  --mkt-link: #5e653a;
  --mkt-check: #5e653a;
  --mkt-bg-tab-inactive: #e9ecef;
  --mkt-border: #dee2e6;
  --mkt-surface: #ffffff;
  /* Iframe host panels must stay translucent-light (black CDN text) */
  --mkt-surface-alt: #1a355812;
  /* Practice unique code — darkened primary for white-panel readability */
  --mkt-practice-code: #3d4228;
  --mkt-tab-text: var(--color-text-muted);
  --hero-card-icon-bg: #5e653a;
  --footer-heading-color: #ffffff;
  --social-icon-color: #5e653a;
}