/**
* Core
**/
body {
    font-family: 'Inter';
    background: linear-gradient(to bottom right, #DEA54B, #F2CD5D);
    background-attachment: fixed;
}

/**
* Classes 
**/
.hero-wrap {
    background: linear-gradient(180deg, #DEA54B 0%, #F2CD5D 100%);
}

.section-light {
    background: #f8f9fa;
}

.section {
    padding: 4rem 0;
}

.section-tight {
    padding: 2.5rem 0;
}

.section-wide {
    padding: 5rem 0;
}

/**
* Navigation
**/
.navbar {
   font-family: 'Sora';
}

/**
* Font Classes
**/
.sora {
  font-family: 'Sora';
}

.soram {
  font-family: 'SoraM';
}

.inter {
  font-family: 'Inter';
}

.interm {
  font-family: 'InterM';
}

/**
* Font Families
**/
@font-face {
    font-family: 'Sora';
    src: url('../font/Sora-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SoraM';
    src: url('../font/Sora-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'InterM';
    src: url('../font/Inter18pt-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter18pt-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**
* Color Class
**/
:root {
    /* Base */
    --color-bg: #f8f9fa;
    --color-surface: #ffffff;

    /* Text */
    --color-text: #1f2328;
    --color-text-muted: #6c757d;

    /* Primary (keep your blue) */
    --color-primary: #007EA7;
    --color-primary-hover: #006a8c;

    /* Accent (refined earth tone) */
    --color-accent: #DEA54B;
    --color-accent-soft: #F2CD5D;

    /* Borders */
    --color-border: #e5e7eb;

    /* Dark section (for hero/footer) */
    --color-dark: #1a1d20;
}

/**
* Classes
**/

/**
* Divs
**/
#footer {
  width: 90%;
  margin: 10px auto 0 auto;
  color: #FFF7ED;
  text-align: center;
}

#footer a {
  color: #FFF7ED;
}