/*
 Theme Name:   Curated by Alayna
 Theme URI:    https://curatedbyalayna.com
 Description:  Curated by Alayna — timeless, warm, thoughtfully collected home & lifestyle affiliate theme. Aligned to Brand Package v0.9 (Bluebell Cottage palette, Cormorant Garamond + Lato). Clones the proven CuratedByAlayna "Finds" engine.
 Author:       Curated by Alayna Design
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  curatedbyalayna
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Lato:wght@400;700;900&display=swap');

/*
 * Palette + type aligned to Curated by Alayna Brand Package v0.9.
 * Variable names keep the --cba-* prefix from the proven engine so the shared
 * brand.css/templates work unchanged; only the VALUES map to the official system.
 *
 * Official palette (guide §4):
 *   Delft Navy #32475C · French Blue #5F7C9D · Powder Blue #A7C0D8 · Sky Mist #DBE7F1
 *   Warm White #FBF8F1 · Warm Ivory #F3ECDD · Linen #E6DECE · Slate Blue #A9B4BF
 *   Slate Taupe #7C8794 · White #FFFFFF
 * Role rule: Delft Navy = text/nav/buttons/footer. French Blue = links/labels/secondary.
 * Powder Blue = signature ACCENT only (never body text).
 */
:root {
    /* neutrals / surfaces */
    --cba-cream: #FBF8F1;       /* Warm White — main page background */
    --cba-beige: #F3ECDD;       /* Warm Ivory — alternate sections, cards, wells */
    --cba-white: #FFFFFF;       /* clean card surface */
    --cba-border: #E6DECE;      /* Linen — borders, dividers */
    /* ink / type */
    --cba-text: #32475C;        /* Delft Navy — body text, nav, buttons, footer */
    --cba-text-light: #7C8794;  /* Slate Taupe — captions & metadata */
    /* accents */
    --cba-taupe: #5F7C9D;       /* French Blue — links, labels, secondary headings */
    --cba-taupe-dark: #32475C;  /* hover deepens to Delft Navy */
    --cba-accent: #A7C0D8;      /* Powder Blue — signature accent (decor only) */
    /* extended brand tokens */
    --cc-petal-blush: #DBE7F1;  /* soft backgrounds, chips, button hover */
    --cc-mushroom:    #A9B4BF;  /* muted UI / illustration lines */
    --cc-warm-ivory:  #F3ECDD;
    /* type */
    --cba-font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --cba-font-body: 'Lato', -apple-system, Arial, sans-serif;
}

body {
    font-family: var(--cba-font-body);
    color: var(--cba-text);
    background-color: var(--cba-cream);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--cba-font-heading);
    font-weight: 500;
    line-height: 1.1;
    color: var(--cba-text);
}

/* Official horizontal wordmark in the header (see header.php) */
.cba-site-header .cc-wordmark {
    display: block;
    height: 46px;
    width: auto;
}
@media (max-width: 768px) {
    .cba-site-header .cc-wordmark { height: 38px; }
}
/* Kept as an optional override if a custom-logo is uploaded in the Customizer */
.cba-site-header .custom-logo-link { display: block; line-height: 0; }
.cba-site-header .custom-logo { height: 56px; width: auto; display: block; }
@media (max-width: 768px) {
    .cba-site-header .custom-logo { height: 46px; }
}