@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,700;1,9..144,500&display=swap");

:root {
  /* Colors */
  --ink: #0c1f1a;
  --ink-soft: #2a4540;
  --paper: #f6f3ec;
  --paper-2: #ebe6dc;
  --forest: #0d4a3c;
  --forest-light: #1a6b56;
  --sky: #2c5f7c;
  --sky-soft: #4a86a8;
  --accent: #c45c26;
  --accent-hover: #a34d20;
  --success: #1a7f6a;
  --danger: #b91c1c;
  --warning: #92400e;
  --white: #ffffff;

  /* Shadows */
  --shadow: 0 12px 40px rgba(12, 31, 26, 0.08);
  --shadow-sm: 0 4px 16px rgba(12, 31, 26, 0.06);
  --shadow-xs: 0 2px 8px rgba(12, 31, 26, 0.05);

  /* Radius */
  --radius: 14px;
  --radius-sm: 10px;
  --radius-xs: 6px;

  /* Typography */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Atkinson Hyperlegible", system-ui, sans-serif;

  /* Layout */
  --max: 1100px;
  --max-narrow: 680px;
  --tap: 44px;

  /* Transitions */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.2s;
}