/* Shared FGH identity. Orange actions, a green leaf and soft botanical surfaces. */
:root {
  --fgh-orange: #ff6b00;
  --fgh-orange-hover: #f45f00;
  --fgh-accent: #346341;
  --fgh-leaf: #00ba00;
  --fgh-graphite: #11191d;
  --fgh-ink: #26362b;
  --fgh-muted: #58685b;
  --fgh-paper: #f7f8f2;
  --fgh-card: #fffefb;
  --fgh-field: #f4f7ef;
  --fgh-soft: #e9f3e2;
  --fgh-hero: #ebf3e4;
  --fgh-line: #dce5d6;
  --brand: var(--fgh-accent);
  --glass-bg: var(--fgh-card);
  --glass-bg-strong: var(--fgh-paper);
  --glass-border: var(--fgh-line);
  --surface-shadow: 0 6px 22px #11191d08;
}
.fgh-website { background: var(--fgh-paper); color: var(--fgh-ink); }
.fgh-website .brand { color: var(--fgh-ink); }
.fgh-website .brand-logo { padding: 0; background: transparent; border-radius: 0; }
.fgh-website .header, .fgh-website .footer { border-color: var(--fgh-line); }
.fgh-website .nav-link, .fgh-website .nav > a.nav-link { color: var(--fgh-ink); }
.fgh-website .nav-link:hover { background: var(--fgh-soft); }
.fgh-website .nav .nav-cart { border-color: var(--fgh-line); }
.fgh-website .btn, .fgh-website .header-search__submit {
  color: var(--fgh-graphite); background: var(--fgh-orange); box-shadow: none;
}
.fgh-website .btn:hover, .fgh-website .header-search__submit:hover { background: var(--fgh-orange-hover); }
.fgh-website .btn.outline { color: var(--fgh-accent); background: transparent; border-color: var(--fgh-accent); }
.fgh-website .btn.outline:hover { background: var(--fgh-soft); }
.fgh-website .cart-count { color: var(--fgh-graphite); background: var(--fgh-orange); }
.fgh-website .card, .fgh-website .cookie-banner, .fgh-website .footer .header-search { border-color: var(--fgh-line); }
.fgh-website .cookie-banner { color: var(--fgh-ink); }
.fgh-website .cookie-banner a { color: var(--fgh-accent); }
.fgh-website .header-search__icon, .fgh-website .header-search__input { color: var(--fgh-ink); }
.fgh-website .header-search:focus-within { border-color: var(--fgh-accent); box-shadow: 0 0 0 3px #ff6b0026; }
.fgh-website .header-search:focus-within .header-search__icon { background: var(--fgh-orange); color: var(--fgh-graphite); }
.fgh-website .text-muted, .fgh-website .team-card .role, .fgh-website .map-legend { color: var(--fgh-muted); }
.fgh-website .pill, .fgh-website .cart-item__unit { color: var(--fgh-accent); background: var(--fgh-soft); }
.fgh-website .cart-item__label, .fgh-website .cart-item__price, .fgh-website .bonus-check-form__caption,
.fgh-website .lead-modal__option { color: var(--fgh-accent); }
.fgh-website .bonus-check-form__captcha { background: var(--fgh-soft); }
.fgh-website .bonus-check-form__captcha-icon, .fgh-website .lead-modal__badge { background: var(--fgh-orange); color: var(--fgh-graphite); }
.fgh-website .lead-modal__option input { accent-color: var(--fgh-accent); }
.fgh-website .lead-modal__backdrop { background: #11191d99; }
.fgh-website .input:focus, .fgh-website .textarea:focus, .fgh-website .select:focus { border-color: var(--fgh-accent); box-shadow: 0 0 0 3px #ff6b0026; }
.fgh-website a:focus-visible, .fgh-website button:focus-visible, .fgh-website summary:focus-visible { outline: 2px solid var(--fgh-accent); outline-offset: 4px; }
.fgh-website .cta-banner { background: var(--fgh-soft); color: var(--fgh-ink); }
.fgh-website .cta-banner::before { background: none; }
.fgh-website .callback-card { background: var(--fgh-card); }
.fgh-website .garden-home { --ink: var(--fgh-ink); --muted: var(--fgh-muted); --line: var(--fgh-line); }
.fgh-website .garden-home h1 em { color: var(--fgh-accent); }
.fgh-website .garden-home .eyebrow, .fgh-website .garden-home .garden-hero__note { color: var(--fgh-muted); }
.fgh-website .location-dot { background: var(--fgh-orange); }
.fgh-website .garden-art-label { background: var(--fgh-card); border-color: var(--fgh-line); box-shadow: 0 10px 30px #11191d12; }
.fgh-website .garden-art-label > span { background: var(--fgh-orange); color: var(--fgh-graphite); }
.fgh-website .garden-art-caption { display: flex; align-items: center; gap: 8px; color: #f7f6f2; }
.fgh-website .garden-service { background: var(--fgh-card); border-color: var(--fgh-line); }
.fgh-website .garden-service:hover { background: var(--fgh-soft); }
.fgh-website .garden-service p { color: var(--fgh-muted); }
.fgh-website .garden-service--featured { background: var(--fgh-soft); border-color: #c9ddbe; color: var(--fgh-ink); }
.fgh-website .garden-service--featured:hover { background: #dfead5; }
.fgh-website .garden-service--featured p { color: var(--fgh-muted); }
.fgh-website .garden-service--featured .garden-service__arrow { color: var(--fgh-accent); }
.fgh-website .garden-steps li > span, .fgh-website .garden-account__features span { color: var(--fgh-accent); }
.fgh-website .garden-account { background: var(--fgh-soft); }
.fgh-website .garden-account__features > div, .fgh-website .garden-form .input, .fgh-website .garden-form .textarea { border-color: var(--fgh-line); }
.fgh-website .garden-form, .fgh-website .garden-review { background: var(--fgh-card); }
.fgh-website .garden-form .input, .fgh-website .garden-form .textarea { background: var(--fgh-paper); }

/* The web client shares the palette and retains its own navigation and form layout. */
.fgh-client-root, .fgh-client {
  --ink: var(--fgh-ink); --green: var(--fgh-accent); --muted: var(--fgh-muted);
  --line: var(--fgh-line); --paper: var(--fgh-paper); --card: var(--fgh-card);
  --lime: var(--fgh-soft); --orange: var(--fgh-orange); --shadow: 0 12px 35px #11191d08;
  background: var(--paper); color: var(--ink); min-height: 100vh; color-scheme: light;
}
.fgh-client .primary { background: var(--fgh-orange); color: var(--fgh-graphite); }
.fgh-client .primary:hover { background: var(--fgh-orange-hover); }
.fgh-client .brand img { border-radius: 0; }
.fgh-client .hero { background: var(--fgh-hero); color: var(--fgh-ink); }
.fgh-client .hero .eyebrow { color: var(--fgh-accent); }
.fgh-client .hero p { color: var(--fgh-muted); }
.fgh-client .garden-art { background: var(--fgh-leaf); border: 0; border-radius: 160px 12px 160px 12px; opacity: .10; }
.fgh-client .garden-art::before, .fgh-client .garden-art::after { content: none; }
.fgh-client .service-symbol, .fgh-client .notice:not(.error), .fgh-client .add.added { background: var(--fgh-soft); }
.fgh-client .card, .fgh-client .order-row, .fgh-client .empty, .fgh-client .avatar,
.fgh-client .add, .fgh-client .nav, .fgh-client dialog { background: var(--fgh-card); color: var(--fgh-ink); }
.fgh-client .nav a { color: var(--fgh-muted); }
.fgh-client .nav a.active { background: var(--fgh-soft); color: var(--fgh-accent); }
.fgh-client .nav b { color: var(--fgh-graphite); }
.fgh-client .chip.active { color: var(--fgh-card); background: var(--fgh-accent); border-color: var(--fgh-accent); }
.fgh-client .badge.gray { background: var(--fgh-field); color: var(--fgh-muted); }
.fgh-client .field input, .fgh-client .field select, .fgh-client .field textarea,
.fgh-client .quantity button, .fgh-client .icon-button { background: var(--fgh-field); color: var(--fgh-ink); }
.fgh-client .field input, .fgh-client .field select, .fgh-client .field textarea { outline-color: var(--fgh-accent); }
.fgh-client .empty .plant { color: var(--fgh-accent); }
.fgh-client .site-link { color: var(--fgh-ink); border-color: var(--fgh-line); background: var(--fgh-card); }
.fgh-client .site-link:hover { background: var(--fgh-soft); }
.fgh-client .workspace-links a { background: var(--fgh-card); color: var(--fgh-ink); border-color: var(--fgh-line); }
.fgh-client .metrics span { color: var(--fgh-muted); }
.fgh-client .plan-line, .fgh-client hr { border-color: var(--fgh-line); }
.fgh-client .identity-card { background: var(--fgh-soft); border-color: var(--fgh-line); }
.fgh-client .identity-card p { color: var(--fgh-muted); }
.fgh-client .toast { background: var(--fgh-graphite); }
.fgh-client .toast.error { background: #893e33; }
.fgh-client dialog::backdrop { background: #11191d80; }
.fgh-client button:focus-visible, .fgh-client a:focus-visible { outline: 3px solid var(--fgh-accent); outline-offset: 3px; }
@media (prefers-color-scheme: dark) {
  .fgh-client-root, .fgh-client {
    --fgh-accent: #b6dba4; --fgh-ink: #f3f7ee; --fgh-muted: #bdceb7;
    --fgh-paper: #1e2b22; --fgh-card: #2a3b2e; --fgh-field: #334b39;
    --fgh-soft: #3a5236; --fgh-hero: #344e39; --fgh-line: #53664e; color-scheme: dark;
  }
}
@media print {
  .fgh-website { background: white; color: black; }
}