:root {
   /* ==============================
       SURFACES
    ============================== */
   --cream: #f6f5f3;
   --white: #ffffff;
   --ink: #181818;
   --bg-alt: #efeee9;

   /* ==============================
       INK SCALE
    ============================== */
   --ink-soft: #2a2a2a;
   --ink-muted: #5a5a56;
   --ink-light: #8a8a84;

   /* ==============================
       RULES
    ============================== */
   --rule: #c8c7c3;
   --rule-light: #dddcd8;

   /* ==============================
       ELEVATION
    ============================== */
   --card-shadow:
      0 1px 3px rgba(24, 24, 24, 0.04),
      0 4px 16px rgba(24, 24, 24, 0.03);

   /* ==============================
       FONTS
    ============================== */
   --font-editorial: 'EB Garamond', Georgia, serif;
   --font-ui: 'DM Sans', sans-serif;
   --font-mono: 'JetBrains Mono', monospace;

   /* ==============================
       LAYOUT
    ============================== */
   --max-width: 1120px;
   --header-width: 1200px;
   --content-width: 800px;
}