@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --primary: #C93632;
    --primary-dark: #9F2525;
    --primary-light: #FDE8E8;
    --primary-glow: rgba(201, 54, 50, 0.28);
    --primary-gradient: linear-gradient(135deg, #DF3E3A 0%, #B82A26 100%);
    --accent: #E8590C;
    --heading: #1B1816;
    --heading-dark: #12100E;
    --text: #423D39;
    --muted: #6B655E;
    --background: #F8F5F0;
    --surface: #FFFFFF;
    --light-grey: #EFE9E0;
    --card-bg: rgba(255, 255, 255, 0.92);
    --border: #E2DAD0;
    --border-light: rgba(226, 218, 208, 0.6);
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-full: 9999px;
    --shadow-subtle: 0 4px 20px -2px rgba(27, 24, 22, 0.04);
    --shadow-card: 0 10px 30px -4px rgba(27, 24, 22, 0.06), 0 0 0 1px rgba(27, 24, 22, 0.04);
    --shadow-hover: 0 20px 40px -8px rgba(201, 54, 50, 0.12), 0 0 0 1px rgba(201, 54, 50, 0.18);
    --shadow-lg: 0 24px 48px -12px rgba(27, 24, 22, 0.12);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Cormorant Garamond", serif;
}

body {
    margin: 0;
    background: var(--background);
    color: var(--text);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
}

img {
    display: block;
    max-width: 100%;
}

nav,
button,
.btn {
    font-family: "DM Sans", sans-serif;
}

button,
input,
select,
textarea {
    font: inherit;
}