/* PetMedsDirect Design System — Pharmacy Premium v2 */
:root{
  /* Warm neutrals */
  --grey-50:#F5F1EA; --grey-100:#EBE4D7; --grey-200:#D9D0C0; --grey-300:#C4B9A5;
  --grey-400:#9E9280; --grey-500:#7A7268; --grey-600:#5C554C; --grey-700:#4A4540;
  --grey-800:#2D2925; --grey-900:#181613;
  /* Pharmacy Teal — 7 shades */
  --teal-50:#F0FDFA; --teal-100:#CCFBF1; --teal-200:#99F6E4; --teal-400:#0D9488;
  --teal-600:#0F766E; --teal-700:#115E59; --teal-900:#042F2E;
  /* Amber accent */
  --amber-50:#FFFBEB; --amber-100:#FEF3C7; --amber-400:#D97706;
  --amber-600:#B45309; --amber-900:#78350F;
  /* Green / Red */
  --green-50:#F0FDF4; --green-400:#059669; --green-600:#047857;
  --red-50:#FEF2F2; --red-400:#DC2626;
  /* Legacy */
  --paper:var(--grey-50); --paper-elevated:#FFFEFC; --paper-dark:var(--grey-100);
  --ink:var(--grey-900); --ink-soft:var(--grey-700); --ink-muted:var(--grey-500);
  --teal:var(--teal-400); --teal-light:var(--teal-50);
  --amber:var(--amber-400); --green:var(--green-400); --red:var(--red-400);
  --line:var(--grey-200); --line-strong:var(--grey-300);
  --radius:8px; --radius-lg:12px;
}
body{position:relative;overflow-x:hidden}
/* Energy field */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(ellipse 500px 400px at 10% 15%, var(--teal-50) 0%, transparent 55%),
    radial-gradient(ellipse 450px 350px at 85% 70%, var(--amber-50) 0%, transparent 50%),
    radial-gradient(ellipse 350px 300px at 55% 45%, var(--teal-50) 0%, transparent 50%);
  background-size:200% 200%;
  animation:energyField 18s ease-in-out infinite;
  opacity:.6;
}
@keyframes energyField{
  0%{background-position:0% 50%}
  33%{background-position:100% 25%}
  66%{background-position:30% 80%}
  100%{background-position:0% 50%}
}
@keyframes orbGlow{
  0%,100%{opacity:.4;transform:scale(1)}
  50%{opacity:.85;transform:scale(1.15)}
}
/* Card upgrade */
.card:hover{box-shadow:0 0 50px rgba(13,148,136,.06),0 8px 24px rgba(0,0,0,.05)}
/* Cursor glow */
.cursor-glow{
  position:fixed;pointer-events:none;z-index:9996;
  width:280px;height:280px;
  background:radial-gradient(circle,rgba(13,148,136,.1) 0%,rgba(13,148,136,.03) 35%,transparent 60%);
  border-radius:50%;transform:translate(-50%,-50%);transition:opacity .3s;
}
/* Fix serif class */
.serif{font-family:'Crimson Text','Georgia',serif!important}
