/*
Theme Name: Living Wholesale
Theme URI: https://livingwholesale.co.uk
Author: Outdoor Living (NW) Ltd
Description: The Living Wholesale trade platform — one account through which approved
             retailers buy and dropship every one of our brands: Outdoor Living, Indoor
             Living, Festive Christmas, Sleeply and the rest. Retail prices public, trade
             prices gated behind an approved account. Built for WooCommerce, with B2BKing
             for the account layer and Linnworks as the product master.
Version: 0.5.3
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: olt
WC requires at least: 8.0
Tags: woocommerce, wholesale, b2b
*/

/* ---------------------------------------------------------------------------
   Design tokens. Everything in assets/css/theme.css references these.

   NOTE ON NAMING. The token prefix stays --olt-* and the PHP prefix stays olt_,
   from when this was the Outdoor Living trade theme. Renaming ~500 references
   would be pure churn with no user-visible benefit and a real regression risk,
   so the names are treated as the theme's internal API and left alone. Only the
   VALUES changed when the brand did.

   THE PALETTE comes from the Living Wholesale logo, sampled by clustering every
   pixel of the 2172x724 artwork and taking the modal value of each cluster:

       #014449  teal    87.6% of the artwork
       #83c945  green    5.8%  the chevron and the "wholesale" wordmark
       #cee9cd  mint     0.9%  the inner chevron
       #fefefe  white    5.1%  the house outline and "living"

   The structural fact that drives the whole design: the green is **2.02:1 on
   white** and **5.41:1 on the teal**. It is a reversed colour. The logo is
   drawn for a dark ground, so the site is teal-led — teal header, hero, bands
   and footer, white content between them — and the green never carries text on
   a light ground. It fills, it marks, and it labels in teal.

   Every value is annotated with the ratio it was chosen to hit. tools/contrast.py
   re-reads this block and checks all of them.
   --------------------------------------------------------------------------- */

:root {
  /* the logo, as sampled — the source of truth */
  --olt-logo-teal:  #014449;
  --olt-logo-green: #83c945;
  --olt-logo-mint:  #cee9cd;

  /* dark surfaces — the teal in three depths */
  --olt-dark:        #014449;  /* header, hero, footer. white on it 10.91:1 */
  --olt-dark-deep:   #013033;  /* footer base, scrolled header. white 14.27:1 */
  --olt-dark-raised: #155358;  /* cards on the dark band. white 8.71:1 */

  /* text on the dark surfaces */
  --olt-on-dark:     #ffffff;  /* 10.91:1 */
  --olt-on-dark-2:   #c7d6d7;  /*  7.29:1  body on teal */
  --olt-on-dark-3:   #94b0b3;  /*  4.74:1  meta on teal */
  --olt-on-dark-acc: #83c945;  /*  5.41:1  the brand green, reversed */
  --olt-on-dark-mint:#cee9cd;  /*  8.40:1 */

  /* light ground */
  --olt-paper:        #ffffff;
  --olt-surface:      #ffffff;
  --olt-stone:        #f5f8f8;  /* alt bands, ink 10.22:1 */
  --olt-stone-2:      #e9f5e8;  /* mint-tinted band, ink 9.71:1 */
  --olt-placeholder:  #e4efef;

  /* ink */
  --olt-ink:    #014449;  /* headings. 10.91:1 on white */
  --olt-ink-2:  #48787c;  /* body AND meta. 4.94:1 */
  --olt-ink-3:  #739a9d;  /* UI edges + decorative ONLY, ~3.2:1. Not for text.
                             With a 10.91:1 ink there is no room for a third
                             text step that still clears AA, so there isn't one. */
  --olt-ink-4:  #a9bfc1;  /* disabled controls only */

  /* rules */
  --olt-rule:      #dbe5e6;
  --olt-rule-soft: #edf2f2;

  /* brand */
  --olt-brand:        #83c945;  /* the green: fills, marks, reversed accents */
  --olt-brand-deep:   #014449;
  --olt-brand-mid:    #cee9cd;
  --olt-brand-text:   #54812c;  /* a green dark enough for text on white, 4.61:1.
                                   Used sparingly — teal is the default link colour */
  --olt-brand-wash:   #e9f5e8;
  --olt-brand-wash-2: #f5f8f8;
  --olt-brand-on-ink: #83c945;  /* 5.41:1 reversed on the teal */

  /* action — the signature button is a green fill with a TEAL label.
     White on green is 2.02:1 and must never be used. */
  --olt-action:       #83c945;
  --olt-action-ink:   #014449;  /* 5.41:1 on the fill */
  --olt-action-hover: #99d366;  /* lighter, not darker: darkening the green
                                   LOWERS contrast against its teal label.
                                   6.17:1 */
  --olt-action-flat:  #83c945;

  /* states */
  --olt-good:         #4c7528;  /* in stock. 4.81:1 on its wash */
  --olt-good-wash:    #e9f5e8;
  --olt-warn:         #84691e;  /* 4.51:1 on its wash, deliberately off-brand */
  --olt-warn-wash:    #f6eed6;
  --olt-signal:       #a8432f;  /* conditions. 4.84:1 on its wash */
  --olt-signal-wash:  #f7e3de;


  /* type */
  --olt-display: "Jost", "Helvetica Neue", Arial, sans-serif;
  --olt-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --olt-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* measure */
  --olt-gutter: 44px;
  --olt-max: 1440px;
}

@media (max-width: 900px) {
  :root { --olt-gutter: 20px; }
}