@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&family=Lato:wght@400;700&display=swap');

:root {
  --brand-primary:      #2e4a43;
  --brand-secondary:    #3f5f57;
  --brand-accent:       #c8a96e;
  --brand-bg:           #f9f5ef;
  --brand-text:         #2f2f2f;
  --brand-font-heading: 'Cormorant Garamond', serif;
  --brand-font-body:    'Lato', sans-serif;
  --brand-primary-rgb:   46, 74, 67;
  --brand-secondary-rgb: 63, 95, 87;
  --brand-accent-rgb:    200, 169, 110;
  --brand-bg-rgb:        249, 245, 239;
  --brand-text-rgb:      47, 47, 47;

  --font-serif:           'Cormorant Garamond', serif;
  --font-sans:            'Lato', sans-serif;

  --color-text-body:      #2f2f2f;
  --color-text-body-rgb:  47, 47, 47;
  --color-text-h1:        #2e4a43;
  --color-text-h1-alt:    #2e4a43;
  --color-text-h1-rgb:    46, 74, 67;
  --color-text-h2-h3:     #3f5f57;
  --color-text-h2-h3-rgb: 63, 95, 87;
  --color-text-tagline:   #83513f;
  --color-text-tagline-rgb: 131, 81, 63;
  --color-text-label:     #6E7F79;
  --color-text-label-rgb: 110, 127, 121;
  --color-text-italic:    #C58F7B;
  --color-text-italic-rgb: 197, 143, 123;
  --color-text-italic-soft: #C58F7B;
  --color-text-footer:    #6E7F79;

  --color-price-gold:     #BFA15A;
  --color-price-gold-rgb: 191, 161, 90;
  --color-price-terracotta: #B65E45;
  --color-price-sage:     #2e4a43;
  --color-price-sage-rgb: 46, 74, 67;

  --color-btn-primary-bg:      #2E4A43;
  --color-btn-primary-bg-rgb:  46, 74, 67;
  --color-btn-primary-text:    #F7F4EE;
  --color-btn-primary-hover-bg:#3F5F57;
  --color-btn-secondary-border:     #BFA15A;
  --color-btn-secondary-border-rgb: 191, 161, 90;
  --color-btn-secondary-text:       #2E4A43;

  --color-link:       #3F5F57;
  --color-link-hover: #BFA15A;

  --color-bg-cream:          #f9f5ef;
  --color-bg-cream-rgb:      249, 245, 239;
  --color-bg-light-sage-rgb: 249, 245, 239;

  --font-size-h1-hero: 64px;
  --font-size-h1-page: 52px;
  --font-size-h2:      32px;
  --font-size-h3:      36px;
  --font-size-body:    1.5rem;
  --font-size-label:   14px;
  --font-size-button:  16px;
  --font-size-tagline: 32px;

  --line-height-h1-hero: 1.1;
  --line-height-h1-page: 1.15;
  --line-height-heading: 1.25;
  --line-height-body:    1.7;

  --letter-spacing-normal: 0;
  --letter-spacing-tight:  -0.5px;
  --letter-spacing-label:  0.09em;
  --letter-spacing-button: 0.03em;

  --bullet-char: '✦';
}