/* ============================================================
   bbArch Landscape — green theme overrides
   Loads AFTER ../css/style.css and retunes the design tokens
   to a leafy, environmentally-minded palette.
   ============================================================ */

:root{
  --char:#0a0e09;          /* deep forest-black canvas */
  --char-2:#10150e;
  --char-3:#161d13;
  --bone:#eaeee0;          /* pale leaf-white text */
  --bone-dim:#b3bca6;
  --muted:#87927a;
  --brass:#8fbf6f;         /* leaf-green accent */
  --brass-soft:rgba(143,191,111,.32);
  --line:rgba(234,238,224,.12);
  --line-soft:rgba(234,238,224,.07);
  --veil-rgb:10,14,9;
  --stroke-rgb:234,238,224;
  --spot:rgba(143,191,111,.11);
}
[data-theme="light"]{
  --char:#f1f4e8;          /* paper-green field */
  --char-2:#e7ecda;
  --char-3:#dee5cd;
  --bone:#161b10;
  --bone-dim:#2f382a;
  --muted:#48513e;
  --brass:#2f7a3a;         /* deep botanical green */
  --brass-soft:rgba(47,122,58,.4);
  --line:rgba(22,27,16,.16);
  --line-soft:rgba(22,27,16,.08);
  --veil-rgb:241,244,232;
  --stroke-rgb:22,27,16;
  --spot:rgba(47,122,58,.09);
}

/* selection + progress inherit --brass automatically */

/* Leafy grain: slightly softer than the main site */
.grain{opacity:.045}

/* Hero on the watercolour reads better with a lighter veil */
.ls-hero .hero__bg img{filter:none}

/* Small leaf mark used in section eyebrows */
.leaf-mark{display:inline-block;width:.85em;height:.85em;vertical-align:-.08em;fill:var(--brass)}

/* Signature project cards */
.ls-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:46px}
.ls-card{position:relative;display:block;overflow:hidden;background:var(--char-2);border:1px solid var(--line-soft)}
.ls-card img{width:100%;height:260px;object-fit:cover;filter:grayscale(.4) brightness(.9);transition:filter .6s var(--ease),transform 1.2s var(--ease)}
.ls-card:hover img{filter:none;transform:scale(1.05)}
.ls-card figcaption{padding:18px 20px 22px}
.ls-card .t{font-family:var(--f-display);font-weight:600;font-size:1.05rem;color:var(--bone)}
.ls-card .l{margin-top:4px;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.ls-card .go{position:absolute;top:14px;right:16px;color:var(--brass);font-size:1.1rem;opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s}
.ls-card:hover .go{opacity:1;transform:none}