:root {
  --color-paper: #FBF5EA;
  --color-ink: #1E2A5A;
  --color-white: #FFFFFF;
  --color-leaf: #8CC63F;
  --color-leaf-dark: #3F7D20;
  --color-coral: #F28B6C;
  --color-riso-red: #E2432F;
  --color-red-dark: #B8321F;
  --color-sky: #5BC0EB;
  --color-sun: #F6D365;

  --font-display: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier Prime', monospace;

  --shadow-offset: 4px;
  --shadow-offset-lg: 6px;
  --shadow-offset-sm: 2px;
  --shadow-ink: 4px 4px 0 0 var(--color-ink);
  --shadow-ink-lg: 6px 6px 0 0 var(--color-ink);
  --shadow-ink-sm: 2px 2px 0 0 var(--color-ink);
  --shadow-coral: 4px 4px 0 0 var(--color-coral);
  --shadow-leaf: 4px 4px 0 0 var(--color-leaf-dark);

  --border-thick: 2px solid var(--color-ink);
  --border-dense: 1.5px solid var(--color-ink);
  --border-thin: 1px solid var(--color-ink);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-card: 20px;
  --radius-sheet: 28px;
  --radius-pill: 9999px;

  --spring-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-fast: 150ms ease;
  --transition-bounce: 250ms var(--spring-easing);
}