/* variables.css — CSS custom properties */

:root {
  /* Colors */
  --color-gold:       #978d4b;
  --color-gold-light: #d2cda1;
  --color-dark:       #333333;
  --color-mid:        #666666;
  --color-light-bg:   #f5f5f5;
  --color-border:     #e5e5e5;
  --color-white:      #ffffff;

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Source Sans 3', 'Trebuchet MS', Helvetica, Arial, sans-serif;

  /* Layout */
  --max-width:      1100px;
  --sidebar-width:  270px;
  --content-pad:    clamp(1rem, 4vw, 2.5rem);
  --header-height:      80px;
  --header-height-mob:  60px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-med:  300ms ease;

  /* Type scale */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.25rem;
}