/* =============================================================
   JT Designs — Design Tokens
   Edit colors, fonts, and spacing here. Changes apply everywhere.
   ============================================================= */

:root {

  /* --- Color Palette --- */
  --cream:        #F4EFE6;   /* page background */
  --cream-light:  #FAF7F1;   /* card backgrounds */
  --cream-dark:   #E8DFD0;   /* footer, subtle sections */
  --ink:          #1A1512;   /* primary text / headings */
  --ink-soft:     #4A3F38;   /* secondary text */
  --oxblood:      #6B1F26;   /* primary accent (links, highlights) */
  --oxblood-deep: #4A1219;   /* deep accent on hover */
  --brass:        #A88B5C;   /* gold / secondary accent */
  --line:         rgba(26, 21, 18, 0.12);  /* dividers and borders */

  /* --- Typography --- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Instrument Sans', system-ui, sans-serif;

  /* --- Spacing scale --- */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  80px;
  --space-2xl: 120px;
  --space-3xl: 160px;

  /* --- Layout --- */
  --max-width: 1280px;
  --gutter:    40px;        /* container side padding on desktop */
  --gutter-sm: 24px;        /* container side padding on mobile */

  /* --- Transitions --- */
  --ease-out:   cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition: 0.25s var(--ease-out);
}