@font-face {
    font-family: "Cormorant Garamond";
    src: url("./fonts/cormorant-garamond-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("./fonts/cormorant-garamond-600.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Cormorant Garamond";
    src: url("./fonts/cormorant-garamond-700.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans 3";
    src: url("./fonts/source-sans-3-400.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans 3";
    src: url("./fonts/source-sans-3-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans 3";
    src: url("./fonts/source-sans-3-600.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Source Sans 3";
    src: url("./fonts/source-sans-3-700.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --nfe-bg: #f2efe6;
    --nfe-surface: #fbf8f1;
    --nfe-surface-strong: #efe8d7;
    --nfe-text: #1f261f;
    --nfe-muted: #5f665d;
    --nfe-line: rgba(31, 38, 31, 0.12);
    --nfe-forest: #243b2f;
    --nfe-moss: #5c7657;
    --nfe-gold: #a67c3b;
    --nfe-shadow: 0 24px 60px rgba(18, 27, 22, 0.12);
    --nfe-copy: "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --nfe-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --nfe-cms-surface: var(--nfe-surface);
    --nfe-cms-surface-alt: #f4efe3;
    --nfe-cms-surface-soft: #ece8de;
    --nfe-cms-surface-soft-hover: #e4ddd0;
    --nfe-cms-border: rgba(36, 59, 47, 0.14);
    --nfe-cms-border-soft: rgba(36, 59, 47, 0.1);
    --nfe-cms-hover: rgba(36, 59, 47, 0.06);
    --nfe-cms-active: rgba(36, 59, 47, 0.08);
    --nfe-cms-drag: rgba(92, 118, 87, 0.18);
    --nfe-cms-primary: var(--nfe-forest);
    --nfe-cms-primary-strong: #1d2f25;
    --nfe-cms-primary-mid: #395642;
    --nfe-cms-primary-soft: var(--nfe-moss);
    --nfe-cms-accent: var(--nfe-gold);
    --nfe-cms-track: #d9d4c8;
    --nfe-cms-thumb-active: #d7c3a0;
    --nfe-cms-text-on-primary: #f8f4ea;
    --nfe-cms-shadow: 0 18px 44px rgba(18, 27, 22, 0.16);
}