/* ==============================================
   tokens.css
   Design tokens for isaacodoma.com
   Edit here to retheme the entire site.
   ============================================== */

:root {
   /* -- Colour Palette -- */
   --bg: #FFFFFF;
   --bg-subtle: #F7F7F5;
   --bg-card: #FFFFFF;

   --amber: #C8973A;
   --amber-light: #D9A84C;
   --amber-dark: #9E7220;
   --amber-pale: #FDF6EA;

   --brown: #5C3D1E;
   --brown-mid: #7A5230;
   --brown-light: #A3784A;

   --ink: #111111;
   --text-body: #222222;
   --text-muted: #555555;
   --text-faint: #999999;

   --border: #E8E8E8;
   --border-warm: #E0D5C0;

   /* -- Section Backgrounds -- */
   --hero-bg: #5C3D1E;
   --newsletter-bg: #5C3D1E;
   --footer-bg: #1C1208;

   /* -- Typography --
     Cormorant Garamond : hero/section headings — DO NOT change
     Libre Baskerville  : essay titles + article h1/h2/h3
     Lora               : essay body, excerpts, article body
     Source Sans 3      : UI / nav / buttons / meta labels
     DM Mono            : code-style labels, eyebrows, timestamps
  */
   --font-display: 'Cormorant Garamond', Georgia, serif;
   --font-essay-heading: 'Libre Baskerville', Georgia, serif;
   --font-essay-body: 'Lora', Georgia, serif;
   --font-ui: 'Source Sans 3', 'Helvetica Neue', sans-serif;
   --font-mono: 'DM Mono', 'Courier New', monospace;

   /* -- Essay Body Sizing -- */
   --essay-body-size: 1.13rem;
   --essay-line: 1.88;

   /* -- Spacing Scale -- */
   --space-xs: 4px;
   --space-sm: 8px;
   --space-md: 16px;
   --space-lg: 24px;
   --space-xl: 40px;
   --space-2xl: 64px;

   /* -- Border Radius -- */
   --radius-sm: 3px;
   --radius-md: 6px;
   --radius-lg: 8px;

   /* -- Transitions -- */
   --transition: 0.2s ease;
   --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

   /* -- Layout -- */
   --max-width: 1140px;
   --content-width: 700px;
}