:root {
  --ink: #1A1F2E;
  --paper: #F4F8F6;
  --cream: #FBFCFC;
  --white: #FFFFFF;

  --sage-50: #EEF4F0;
  --sage-100: #D8E5DD;
  --sage-200: #B6CFC0;
  --sage-300: #8FB59E;
  --sage-400: #6E9A82;
  --sage-500: #4F7E68;
  --sage-600: #3D6A56;
  --sage-700: #2E5343;
  --sage-800: #1F3A2E;

  --blue-50: #EEF3F7;
  --blue-100: #D6E2EC;
  --blue-200: #AFC5D8;
  --blue-300: #84A5BE;
  --blue-400: #5C84A2;
  --blue-500: #3F6885;
  --blue-600: #2F5269;
  --blue-700: #243F51;

  --gold: #C9A961;
  --gold-light: #E0C886;

  --rose: #B97A5E;
  --rose-light: #DCA088;
  --rose-dark: #8B5645;

  --rain: #6B8FA8;

  --line: rgba(31, 58, 46, 0.08);
  --line-strong: rgba(31, 58, 46, 0.18);
  --success: #4F7E68;
  --alert: #B97A5E;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'Manrope', sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}