@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@400;500;600&display=swap');

:root {
  /* Colours */
  --color-bg: #F7F4EF;
  --color-surface: #FFFFFF;
  --color-border: #DDD7CE;
  --color-text-primary: #1A1714;
  --color-text-secondary: #6B6259;
  --color-accent: #C4390D;
  --color-accent-hover: #A32F0A;
  --color-danger: #DC2626;
  --color-success: #16A34A;

  /* Typography */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Mono', monospace;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 48px;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(26, 23, 20, 0.08);
  --shadow-md: 0 4px 16px rgba(26, 23, 20, 0.10);
}