/* Design tokens — Twin Tiers Chiropractic & Wellness */
:root {
  /* Brand palette */
  --brand-navy:    #1E3A5F;
  --brand-blue:    #3B6EA5;
  --brand-sky:     #7FB3D5;

  /* Text */
  --ink:           #1F2937;
  --ink-soft:      #4B5563;
  --ink-faint:     #9CA3AF;

  /* Backgrounds */
  --paper:         #FFFFFF;
  --paper-warm:    #FAF7F2;

  /* UI */
  --line:          #E5E7EB;
  --accent-coral:  #E97A5C;
  --success:       #10B981;

  /* Typography */
  --font-head:     'Fraunces', Georgia, serif;
  --font-body:     'Inter', system-ui, sans-serif;

  /* Spacing scale */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* Border radius */
  --radius-sm: 8px;
  --radius:    10px;
  --radius-lg: 12px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow:    0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.04);
  --shadow-lg: 0 10px 30px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.04);

  /* Container */
  --max-w: 1200px;
  --gutter: clamp(1rem, 5vw, 2rem);

  /* Transitions */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --duration: 200ms;
}