/* Modern Therapy Page Styles - Warm Healing Teal + Soft Amber Design */

/* ========== CSS Variables ========== */
:root {
  --t-primary: #2A9D8F;
  --t-primary-light: #A8DADC;
  --t-primary-dark: #21867A;
  --t-primary-soft: rgba(42, 157, 143, 0.08);
  --t-primary-medium: rgba(42, 157, 143, 0.15);
  --t-accent-amber: #E9C46A;
  --t-accent-orange: #F4A261;
  --t-accent-sage: #6B8F71;
  --t-bg-warm: #F8F4EF;
  --t-bg-cream: #FDF8F0;
  --t-bg-glass: rgba(255, 255, 255, 0.7);
  --t-bg-glass-border: rgba(255, 255, 255, 0.5);
  --text-dark: #264653;
  --text-medium: #3D5A5A;
  --text-light: #6B8B7A;
  --shadow-soft: 0 4px 20px rgba(42, 157, 143, 0.08);
  --shadow-medium: 0 8px 32px rgba(42, 157, 143, 0.12);
  --shadow-strong: 0 20px 60px rgba(42, 157, 143, 0.15);
}