/* Corda design tokens — calm, editorial, premium caregiving */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700&display=swap');

:root {
  --bg:        #F4F1EA;
  --bg-soft:   #EFEBE2;
  --surface:   #FCFAF6;
  --surface-2: #F8F5EE;
  --hairline:  #E5E0D5;
  --hairline-soft: #EDE8DC;

  --ink:       #2A2620;
  --ink-2:     #5A554E;
  --ink-3:     #8A857C;
  --ink-4:     #B0ABA0;

  --sage:      #6E8B7B;
  --sage-deep: #44594F;
  --sage-ink:  #2F3F37;
  --sage-soft: #DDE7DE;
  --sage-tint: #EDF2EC;

  --clay:      oklch(0.60 0.115 40);
  --clay-soft: oklch(0.94 0.040 50);
  --amber:     oklch(0.74 0.115 75);
  --amber-soft:oklch(0.95 0.038 85);
  --plum:      oklch(0.52 0.085 320);
  --plum-soft: oklch(0.94 0.025 320);

  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;
  --font-serif:'Instrument Serif', 'Iowan Old Style', Georgia, serif;

  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 32px;

  --sh-1: 0 1px 2px rgba(40,30,20,.04), 0 1px 1px rgba(40,30,20,.03);
  --sh-2: 0 1px 2px rgba(40,30,20,.04), 0 4px 14px rgba(40,30,20,.05);
  --sh-3: 0 2px 6px rgba(40,30,20,.05), 0 12px 32px rgba(40,30,20,.07);
}