/* =========================================================
   THE KEEPSAKE
   Core Theme Styles
   ========================================================= */


/* ---------------------------------------------------------
   1. Design Tokens
   --------------------------------------------------------- */

:root {
	/* Paper */
	--keepsake-ivory: #f4efe6;
	--keepsake-paper: #ebe3d7;
	--keepsake-paper-deep: #ddd2c2;

	/* Botanical */
	--keepsake-sage: #8f967c;
	--keepsake-olive: #686d54;
	--keepsake-olive-deep: #4f5440;

	/* Romantic accents */
	--keepsake-blush: #c9a39b;
	--keepsake-dusty-rose: #a97870;
	--keepsake-wax: #98685f;

	/* Typography */
	--keepsake-ink: #3e3b35;
	--keepsake-ink-soft: #68635b;

	/* Utility */
	--keepsake-white: #fffdf9;

    /* Typography */
    --keepsake-font-display: "Cormorant Garamond", Georgia, serif;
    --keepsake-font-body: "Cormorant Garamond", Georgia, serif;
    --keepsake-font-ui: "Montserrat", Arial, sans-serif;
    --keepsake-font-script: "Caveat", cursive;
}


/* ---------------------------------------------------------
   2. Base
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   3. Typography
   --------------------------------------------------------- */
    body {
        font-family: var(--keepsake-font-body);
        font-weight: 400;
        color: var(--keepsake-ink);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--keepsake-font-display);
        font-weight: 500;
        color: var(--keepsake-ink);
    }

    .keepsake-ui-text {
        font-family: var(--keepsake-font-ui);
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.18em;
    }

    .keepsake-script {
        font-family: var(--keepsake-font-script);
        font-weight: 400;
    }

/* ---------------------------------------------------------
   4. Header & Navigation
   --------------------------------------------------------- */
    .keepsake-header {
        position: relative;
        z-index: 100;
        width: 100%;
        background: var(--keepsake-ivory);
    }
    .keepsake-header__inner {
        width: min(100% - 4rem, 1440px);
        min-height: 108px;
        margin-inline: auto;
    }
    .keepsake-header__logo {
        flex-shrink: 0;
    }
    .keepsake-header__right {
        gap: 2.25rem;
    }
    .keepsake-header__nav {
        font-family: var(--keepsake-font-ui);
        font-size: 0.7rem;
        font-weight: 500;
        letter-spacing: 0.2em;
        text-transform: uppercase;
    }
    .keepsake-header__nav a {
        color: var(--keepsake-ink);
        text-decoration: none;
    }
    .keepsake-header__nav a:hover,
    .keepsake-header__nav a:focus {
        color: var(--keepsake-dusty-rose);
    }
    .keepsake-header__actions {
        margin: 0;
    }
    .keepsake-header__inquire .wp-block-button__link {
        padding: 1rem 1.6rem;
        border-radius: 0;
        background: var(--keepsake-blush);
        color: var(--keepsake-white);
        font-family: var(--keepsake-font-ui);
        font-size: 0.65rem;
        font-weight: 500;
        letter-spacing: 0.2em;
        text-transform: uppercase;
    }

/* ---------------------------------------------------------
   5. Homepage
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   6. Components
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   7. Footer
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   8. Responsive
   --------------------------------------------------------- */