/*
 Theme Name:   Collected Charm
 Theme URI:    https://collectedcharm.design
 Description:  Collected Charm — timeless, warm, thoughtfully collected home & lifestyle affiliate theme. Aligned to Brand Package v0.9 (Pressed Flowers palette, EB Garamond + Lato). Clones the proven CuratedByAlayna "Finds" engine.
 Author:       Collected Charm Design
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  collectedcharm
*/

@import url('https://fonts.googleapis.com/css2?family=EB+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 Collected Charm 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):
 *   Deep Cocoa #3D1D1D · Rosewood #825656 · Dusty Rose #DCA1A1 · Petal Blush #FFD6D6
 *   Warm White #FFFCF8 · Warm Ivory #F7F1E8 · Linen #E9DED1 · Mushroom #B8A99A
 *   Warm Taupe #8A7568 · White #FFFFFF
 * Role rule: Deep Cocoa = text/nav/buttons/footer. Rosewood = links/labels/secondary.
 * Dusty Rose = signature ACCENT only (never body text).
 */
:root {
    /* neutrals / surfaces */
    --cba-cream: #FFFCF8;       /* Warm White — main page background */
    --cba-beige: #F7F1E8;       /* Warm Ivory — alternate sections, cards, wells */
    --cba-white: #FFFFFF;       /* clean card surface */
    --cba-border: #E9DED1;      /* Linen — borders, dividers */
    /* ink / type */
    --cba-text: #3D1D1D;        /* Deep Cocoa — body text, nav, buttons, footer */
    --cba-text-light: #8A7568;  /* Warm Taupe — captions & metadata */
    /* accents */
    --cba-taupe: #825656;       /* Rosewood — links, labels, secondary headings */
    --cba-taupe-dark: #3D1D1D;  /* hover deepens to Deep Cocoa */
    --cba-accent: #DCA1A1;      /* Dusty Rose — signature accent (decor only) */
    /* extended brand tokens */
    --cc-petal-blush: #FFD6D6;  /* soft backgrounds, chips, button hover */
    --cc-mushroom:    #B8A99A;  /* muted UI / illustration lines */
    --cc-warm-ivory:  #F7F1E8;
    /* type */
    --cba-font-heading: 'EB 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; }
}