@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@400;500;600&display=swap');

:root {
  --font-display: "Canela", "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-body: "Inter", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;

  --ink-900: #0D1419;
  --slate-700: #253A4A;
  --gold-500: #E0A840;
  --linen-100: #F6F3ED;
  --stone-200: #E7DED2;
  --warm-300: #D3CCC1;
  --charcoal: #2A2A2A;
  --text-body: #444444;
  --text-secondary: #6D6A66;
  --divider: #E8E4DE;
  --surface: #FAF9F7;
  --olive: #7D8A63;
  --fig: #7A5A6E;

  --page: var(--linen-100);
  --navy: var(--ink-900);
  --blue: var(--slate-700);
  --gold: var(--gold-500);
  --stone: var(--stone-200);
  --warm-white: var(--surface);
  --sage: var(--olive);
  --line: rgba(13, 20, 25, 0.14);
  --body: var(--text-body);
  --muted: var(--text-secondary);

  --shadow-soft: 0 4px 20px rgba(13, 20, 25, 0.06);
  --shadow-lift: 0 8px 30px rgba(13, 20, 25, 0.04);

  --radius-image: 8px;
  --radius-card: 8px;
  --radius-button: 4px;
  --radius-input: 6px;
}