/* Variables */

:root {
    --clr-accent-primary: #49654E;
    --clr-accent-primary-light: #5f7e65;

    --clr-accent-secondary: #D1B276;
    --clr-accent-tertiary: #8BA888;
  
    --clr-dark: #2B2E2B;
    --clr-light: #FCF7F3;

    --clr-background-muted: #e8e3e0;
    --clr-background-light: #fffaf6;

    --clr-text-muted: #D1B276;

    --clr-notice: #456c93;
    --clr-success: #49654E;
    --clr-warning: #D1B276;
    --clr-error: #9f4b4b;
    --clr-muted: #e8e3e0;
    
    --clr-body: var(--clr-light);
    --clr-body-text: var(--clr-dark);
  
    --ff-primary: "Outfit", sans-serif;
    --ff-accent: "Crimson Pro", serif;
  
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 600;
  
    --fs-xs: 0.875rem;
    --fs-sm: 0.9375rem;
    --fs-md: 1rem;
    --fs-lg: 1.5rem;
    --fs-xl: 1.875;
  
    --fs-base: 18px;
    --fs-base-sm: 15px;

    --shadow-default: 0 4px 16px rgba(0, 0, 0, 0.16);
    --shadow-bottom: 0 8px 8px rgba(0, 0, 0, 0.08);
}