/* ----- 01 THE COLORS */
:root {
  /* Primary Colors */
  --color-primary: #c59d5f;  /* Gold/Brown accent color */
  --color-primary-dark: #b18540;
  --color-primary-light: #d4b174;
  
  /* Neutrals */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark: #262626;  /* Dark text color */
  --color-gray-dark: #333333;
  --color-black-shade:#222;
  /* --color-gray-medium2: #666666; */
  --color-gray-medium: #5f5f5f;
  --color-gray: #666;
  --color-gray-light: #999999;
  --color-gray-font: #919191;

  /* Background Colors */
  --bg-overlay: #222222a7; 
  /* --hero-overlay: #101010a7;  */

  --bg-dark: #1b1b1b;
  --bg-light: #f4f4f4;
  --bg-overlay2: rgba(0, 0, 0, 0.7);
  --bg-form:#f9f9f9;

  /* Borders */
  --border-form:#eee;
  
  /* Font Families */
  
  --font-primary: 'Source Sans Pro', sans-serif;
  --font-primary-cursive: 'Playball', cursive; /* Cursive option */   
  --font-secondary:'Droid serif', serif;


  --font-main: 'Montserrat', sans-serif;  /* Main body font */
  --font-subheading: 'Playfair Display', serif;  /* Headings font */
  --font-accent: 'Great Vibes', cursive;  /* Decorative font */


/* ---- 02 TYPOGRAPHY SYSTEM */

    
  /* Font Sizes */
  --fs-xs: 0.75rem;    /* 12px */
  --fs-sm: 0.875rem;   /* 14px */
  --fs-base: 1rem;     /* 16px */
  --fs-md: 1.125rem;   /* 18px */
  --fs-lg: 1.25rem;    /* 20px */
  --fs-xl: 1.5rem;     /* 24px */
  --fs-2xl: 2rem;      /* 32px */
  --fs-3xl: 2.5rem;    /* 40px */
  --fs-4xl: 3rem;      /* 48px */
  --fs-sm-heading: 34px;
  --fs-md-heading: 50px;
  --fs-lg-heading: 58px;

  /* Font Weights */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  
  /* Line Heights */
  /* --lh-tight: 1.2;
  --lh-snug: 1.375; */
  --lh-normal: 1.5;
  --lh-relaxed: 1.625;
  /* --lh-loose: 2; */
  
  /* Letter Spacing */
  /* --ls-tight: -0.025em;
  --ls-normal: 0; */
  --ls-wide: 0.025em;
  --ls-wider: 0.05em;
  --ls-widest: 0.1em;
  --ls-sm: 10px;
  --ls-md: 1.25em;
  --ls-lg: 1.5;
} 

* {
    box-sizing: border-box;
    text-decoration: none !important; 
            
}
body {
  padding: 0;
  margin: 0;
  width: 100%; 
  overflow-x: hidden; 
  
}
.image-separator-gold {
  text-align: center;
  
}