/* brand.css — Cypress Landing (Garden Level) brand tokens. Loaded AFTER ../../styles.css so these override the gallery defaults.
   Source: client brand board (Sept 2026). Relaxed coastal — natural, welcoming, grounded. */
:root{
  --font-h1:'Cormorant Garamond',serif;   /* heading face per brand board */
  --font-h2:var(--font-h1);
  --font-h3:var(--font-h1);
  --font-body:'Open Sans',sans-serif;     /* body per brand board */
  --font-button:'Montserrat',sans-serif;  /* subheading face — buttons, eyebrows, links */
  --font-link:'Montserrat',sans-serif;
  --font-eyebrow:'Montserrat',sans-serif;
  --color-bg:#f2efea;                 /* Driftwood */
  --color-surface:#ffffff;
  --color-ink:#33403d;                /* Slate */
  --color-ink-muted:#6b7672;
  --color-accent:#2f4a3f;             /* Cypress — buttons, eyebrows, hovers */
  --color-line:#d8d2c6;
  --color-inverse-bg:#2f4a3f;         /* Cypress green — dark bands + footer, per nav example */
  --color-inverse-ink:#f2efea;
  --color-inverse-muted:#a5b69a;      /* Sage on dark */
  --color-scrim:rgba(47,74,63,.45);
  --color-sage:#a5b69a;               /* Sage — soft fills, tags */
  --color-sea:#6d8fa3;                /* Ocean — secondary accents */
  --color-sea-deep:#2e4956;           /* deep ocean blue — contact bar band */
  --color-sand:#dccdb5;               /* Sand — warm fills, rules, CTA on dark */
  /* logo slot: horizontal CL lockup in the nav, hide the placeholder wordmark */
  --brand-name:"Cypress Landing";
  --brand-logo-display:inline-block;
  --brand-text-display:none;
  --brand-logo-width:212px;
  --brand-logo-height:58px;
}

/* Cypress Landing: no asterisk markers — hide the DS's * eyebrow/list glyphs */
.eyebrow b{display:none}
li > .mk{display:none}
/* legibility over photography: green reads muddy on scrimmed media — eyebrows,
   links, and button hovers above a .scrim switch to Sand */
.scrim ~ .eyebrow,.scrim ~ * .eyebrow{color:var(--color-sand)}
.scrim ~ * .link,.scrim ~ .link{border-color:var(--color-sand)}
.scrim ~ * a:hover,.scrim ~ a:hover{color:var(--color-sand)}
.scrim ~ * .link:hover{border-color:var(--color-sand)}
.scrim ~ * .btn:hover,.scrim ~ .btn:hover{background:var(--color-sand) !important;border-color:var(--color-sand) !important;color:var(--color-ink) !important}

/* footers sit on cypress green — green hovers vanish there; hover in Sand instead */
footer a:hover,.ft a:hover,.rows a:hover,footer .link:hover{color:var(--color-sand) !important;border-color:var(--color-sand) !important}
footer .btn:hover,.ft .btn:hover,footer .callbox:hover,.ft .callbox:hover{color:var(--color-ink) !important;background:var(--color-sand) !important;border-color:var(--color-sand) !important}

/* Cypress Landing: no underline-only CTAs — every text link wears a box */
.link,.place .dir{border:1px solid currentColor !important;padding:13px 22px !important;display:inline-block}
/* pill buttons across the brand */
.btn,.link,.place .dir,.callbox,footer form button,.ft form button,form button[type="submit"]{border-radius:999px !important}
/* form fields stay square — only buttons are pills */
input:not([type="submit"]),select,textarea{border-radius:0 !important}
/* every CTA gets a visible hover: fill on light grounds, Sand fill on dark/photo grounds */
.link:hover,.place .dir:hover{background:var(--color-accent) !important;border-color:var(--color-accent) !important;color:var(--color-inverse-ink) !important}
.scrim ~ * .link:hover,.scrim ~ .link:hover,footer .link:hover,.ft .link:hover,.rows .link:hover{background:var(--color-sand) !important;border-color:var(--color-sand) !important;color:var(--color-ink) !important}
footer form button:hover,.ft form button:hover{background:var(--color-sand) !important;border-color:var(--color-sand) !important;color:var(--color-ink) !important}
.tabs button:hover:not(.on){color:var(--color-accent)}
/* ghost buttons missing a local hover rule (e.g. Explore More of the Neighborhood) */
.btn.ghost:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-inverse-ink)}