/* ============================================================
   ORIMAX — Teal Theme Override
   Overrides common.css blue palette with teal for solution pages
   ============================================================ */
:root{
  --blue:       #0D7C6B;
  --blue-mid:   #0A5C50;
  --blue-light: #E8F5F2;
  --navy:       #1E3A5F;
  --navy2:      #15293F;
  --navy3:      #1E3A5F;
  --teal:       #0D7C6B;
  --teal-dark:  #0A5C50;
  --teal-light: #E8F5F2;
  --dark:       #1A2027;
  --body-text:  #1A2027;
  --muted:      #6B7280;
  --gray:       #6B7280;
  --gray-light: #F3F4F6;
  --border:     #E5E7EB;
  --white:      #FFFFFF;
  --red:        #DC2626;
  --wa:         #25D366;
  --shadow-sm:  0 1px 2px rgba(0,0,0,.05);
  --shadow:     0 4px 12px rgba(0,0,0,.08);
  --shadow-lg:  0 12px 32px rgba(0,0,0,.12);
  --radius:     10px;
  --radius-lg:  16px;
}

/* Teal accent applied to body content only — header branding stays blue from common.css */
.fc-col ul li a:hover{color: #A7F3D0;}

/* Footer brand color */
.fb .logo-text{color: #A7F3D0;}
.fk-list li a{color: #A7F3D0;}
.fk-list li a:hover{color: #fff;}
.f-sosmed a:hover{background: #0D7C6B;}