/*
Theme Name: Lilly C.
Theme URI: https://lillyc.art
Template: welead
Author: We Lead Agency
Author URI: https://weleadag.com
Description: Child theme for lillyc.art. Token overrides and the signature mark. Everything else comes from the We Lead parent theme.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.1
License: Proprietary
Text Domain: lillyc
*/

/* ==========================================================================
   Lilly C. — token overrides

   This file should stay short. If a rule here is longer than a token
   override, it probably belongs in the parent theme as a section, or it is
   a sign the parent is missing a token.

   Palette logic: deep ocean is the dark, warm paper is the light, and gold
   exists only as light — a sunrise, never a fill. Nothing here is teal.
   ========================================================================== */

:root {
  /* Colour ---------------------------------------------------------------
     Ink is deep ocean rather than near-black, so body text, dark bands and
     the primary button all sit in the same water. */
  --wl-ground: #f4f1ea;
  --wl-sand: #e8e2d6;
  --wl-ink: #0a2230;
  --wl-ink-soft: #5b6670;
  --wl-rule: #dfd9cc;
  --wl-accent: #0a2230;
  --wl-accent-hover: #0d2e3f;
  --wl-on-accent: #f4efe4;
  --wl-on-ink: #f4efe4;
  --wl-on-ink-soft: #9fb0bc;

  /* Client-only tokens are --lc-, not --wl-, so a future parent token can
     never collide with one of hers. The sunrise lives here. */
  --lc-ocean-sea: #0d2e3f;
  --lc-cream: #f4efe4;
  --lc-gold: #ffd58a;
  --lc-amber: #d9913f;

  /* Type ----------------------------------------------------------------- */
  --wl-font-display: "Bodoni Moda", Georgia, "Times New Roman", serif;
  --wl-font-text: Archivo, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* The signature mark ------------------------------------------------------
   Inherits colour, so it is cream on a dark header and ocean on a light
   one without a second file. Width is set by the context that uses it. */

.lc-mark {
  display: block;
  width: auto;
  height: 100%;
  color: inherit;
  fill: currentColor;
}

.lc-mark--header { height: clamp(28px, 4vw, 40px); }
.lc-mark--footer { height: clamp(36px, 6vw, 56px); }