/* ============================================================
   VETCARE · Sistema visual unificado
   Centro Médico del Gato — Medicina Felina Especializada
   ============================================================ */

:root {
  --vc-orange:        #E27B3F;
  --vc-orange-deep:   #C8642C;
  --vc-orange-soft:   #FBE9DA;
  --vc-orange-tint:   #FFF4EA;
  --vc-purple:        #6B4F9E;
  --vc-purple-deep:   #4A3576;
  --vc-purple-soft:   #E9E2F4;
  --vc-purple-tint:   #F5F1FB;
  --vc-plum:          #2E1F4A;
  --vc-plum-soft:     #5C4B7A;
  --vc-paper:         #FBF7EE;
  --vc-cream:         #F4ECD9;
  --vc-card:          #FFFFFF;
  --vc-ink:           #2E1F4A;
  --vc-ink-soft:      #6B5F7E;
  --vc-muted:         #9A8FAD;
  --vc-line:          #ECE3D2;
  --vc-line-soft:     #F4EDDC;
  --vc-ok:            #5A8C6E;
  --vc-ok-soft:       #DFEBE0;
  --vc-warn:          #D89B3A;
  --vc-warn-soft:     #FBEDC8;
  --vc-danger:        #B0473C;
  --vc-danger-soft:   #F6DCD7;
  --vc-info:          #4A6FA5;
  --vc-info-soft:     #DCE6F4;
  --vc-serif: 'Newsreader', 'Lora', Georgia, serif;
  --vc-sans:  'Manrope', 'Inter', system-ui, -apple-system, sans-serif;
  --vc-mono:  'JetBrains Mono', ui-monospace, monospace;
  --vc-r-sm:   8px;
  --vc-r-md:   14px;
  --vc-r-lg:   20px;
  --vc-r-xl:   28px;
  --vc-r-pill: 999px;
  --vc-shadow-sm:  0 1px 2px rgba(46,31,74,.06), 0 2px 6px rgba(46,31,74,.04);
  --vc-shadow-md:  0 2px 6px rgba(46,31,74,.06), 0 12px 28px -8px rgba(46,31,74,.10);
  --vc-shadow-lg:  0 8px 24px -10px rgba(46,31,74,.18), 0 24px 56px -20px rgba(46,31,74,.20);
  --vc-dens: 1;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; font-family: var(--vc-sans); color: var(--vc-ink); background: var(--vc-paper); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--vc-orange-soft); color: var(--vc-plum); }
h1, h2, h3, h4 { font-family: var(--vc-serif); font-weight: 500; letter-spacing: -0.01em; color: var(--vc-plum); margin: 0; }
@keyframes vcFadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.vc-fade-up { animation: vcFadeUp .4s ease both; }