/* The Handoff: design tokens, from Todd Garretson / CircleMakers brand.
   Brand colours: #0C2036 navy, #AC8B51 gold, #FCF6EE cream. Fonts: Cormorant Garamond + Avenir (Nunito Sans stands in).
   Every colour, font, size and space on the site comes from here. */
:root {
  /* Colour */
  --color-paper:       #FCF6EE;
  --color-paper-2:     #F2EADD;
  --color-rule:        #DDD2BF;
  --color-photo-bg:    #E6DCCB;
  --color-muted:       #4A5360;
  --color-ink:         #0C2036;
  --color-accent:      #0C2036;               /* buttons and links: brand navy */
  --color-accent-deep: #1D3552;
  --color-accent-ink:  #FCF6EE;
  --color-gold:        #AC8B51;               /* rules and details only: fails contrast as text on cream */
  --color-gold-ink:    #7D6233;               /* gold for small text on cream (5.3:1) */
  --color-focus:       #7D6233;
  --color-card:        #FFFDF9;
  --color-nav:         rgb(252 246 238 / 0.94);

  /* Type */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Nunito Sans', 'Avenir Next', Avenir, sans-serif;

  --text-sm:      0.875rem;
  --text-base:    1.0625rem;
  --text-lg:      1.625rem;
  --text-h2:      clamp(2.125rem, 1.5rem + 2vw, 3.25rem);
  --text-display: clamp(3.75rem, 6vw + 1.5rem, 7rem);

  /* Space (4 pt scale) */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --gutter:    clamp(1.25rem, 4vw, 3.5rem);

  /* Shape and motion */
  --rule-hair:   1px;
  --radius-btn:  2px;
  --radius-card: 4px;
  --shadow-card: 0 12px 32px rgb(12 32 54 / 0.10);
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short:   180ms;
}