/* ── variables.css ── */
:root {
  /* Colors */
  --cream:        #f2f0eb;
  --white:        #fafaf8;
  --blue-pale:    #e0eaf8;
  --blue-light:   #a8c4e8;
  --blue-mid:     #4d8ac8;
  --blue-accent:  #1a6abf;
  --blue-deep:    #0f3d70;
  --blue-darkest: #081e38;

  /* New accent — warm orange-red for punch */
  --fire:         #e8531a;
  --fire-pale:    #fceade;

  --ink:    #0c1824;
  --ink-70: rgba(12, 24, 36, 0.70);
  --ink-50: rgba(12, 24, 36, 0.50);
  --ink-30: rgba(12, 24, 36, 0.30);
  --ink-12: rgba(12, 24, 36, 0.12);
  --ink-6:  rgba(12, 24, 36, 0.06);

  /* Typography */
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-sans:    'DM Sans', system-ui, sans-serif;
  --font-ui:      'Syne', system-ui, sans-serif;

  /* Spacing */
  --section-pad: 7rem 5rem;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;

  /* Transitions */
  --transition: 0.2s ease;
  --transition-slow: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}