/* Kristi Marie Creative — design tokens
   Direction: Honey Pulse, chosen 2026-08-06 after a five-mockup comparison.

   The grammar, inherited from the KME Shop and carried by this palette:
   white-adjacent ground, colour as STROKE and never as area, outlined
   containers, square corners, the forward bloom button.

   Boldness mechanism: honey alone is too pale to do a stroke's job (1.37:1 on
   this ground), so the accent is a RAMP — honey for washes, amber for strokes
   and marks, deep amber for accent text. Every text pair below was computed
   against the ground and the paper it actually sits on, not eyeballed.

   Shared by every page. Page-specific values do not belong here. */

:root {
  /* Grounds. The ported rule: no filled section backgrounds, ever. */
  --ground:    #f8f8f7;  /* honey-sandstone ground */
  --paper:     #ffffff;  /* card and thumb interiors */
  --rule-line: #e7e4dd;  /* quiet hairlines */
  --wash:      #fffdf4;  /* the one permitted tint, for row hover */

  /* Text-safe */
  --ink:        #1d1d1b;  /* 15.9:1 on ground */
  --muted:      #6e6e68;  /*  4.8:1 on ground */
  --amber-deep: #8A6D15;  /* accent text; computed on ground and on paper. Was #7a5310 (too brown), then #927213 (2026-08-08, blend of 826917 with 30% amber) — that one only hit 4.26:1 on ground and failed the late-fee strong tag in verify. This is a 15% blend instead of 30%: 4.60:1 on ground, 4.89:1 on paper, real margin instead of sitting on the line. */

  /* The honey ramp — non-text roles only.
     --honey is text-safe on ink alone. Never put it under body copy. */
  --honey: #ffd061;  /* washes, chip fills, topbar accent */
  --amber: #b8860b;  /* strokes, seeds, underline draws, marks */

  /* Type. Playfair for display, Garamond for reading, Poppins for labels. */
  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --text:  "EB Garamond", Georgia, "Times New Roman", serif;
  --sans:  "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Rhythm */
  --maxw:    80rem;
  --gut:     2.25rem;
  --sec-pad: 6.5rem;

  /* Secondary body copy — differentiator rows, service cards, steps, sister
     blurbs, footer tagline. One token because those five were the same size by
     coincidence rather than by declaration, and the next adjustment should be
     one edit, not five. Raised from 1.0625rem (17px) on 2026-08-07: the
     differentiator table read too small beside its headings. */
  --text-sm: 1.1875rem;

  /* Label scale. The floor is 11px = .6875rem and nothing goes under it. */
  --label-xs: 0.6875rem;
  --label-sm: 0.75rem;
  --label-md: 0.8125rem;
  --label-lg: 0.875rem;

  /* Forward bloom button.
     The colour-flip scar is avoided by construction rather than by tuning:
     the label is ink at rest AND over the amber fill (5.19:1), so no delayed
     colour transition exists that could fail mid-bloom. */
  --btn-dot:   11px;
  --btn-dur:   0.62s;
  --btn-scale: 70;
  --btn-ease:  cubic-bezier(0.33, 0, 0.15, 1);
  /* the back reveal's fill and the label that rides it. Both halves move
     together or the pair stops being measured — see emerald.css. */
  --btn-fill:    var(--ink);
  --btn-on-fill: var(--ground);

  /* Corner radius.
   *
   * This started at 0 — "the Shop is square; strokes carry the shape
   * language, not corners," ported from the KME Shop. Darrell's call
   * 2026-08-07 softens it. Strokes still carry the shape language; the corners
   * now take the hard edge off it.
   *
   * One scale, three steps, and everything reads from it. The point of a token
   * is that the next adjustment is one edit rather than a search for stray
   * border-radius declarations, and that a card and the button inside it
   * cannot drift apart. */
  --radius-sm: 0.25rem;   /* chips, small marks */
  --radius:    0.5rem;    /* buttons, cards, tiles — the default */
  --radius-lg: 0.875rem;  /* the hero plate; a large surface wants more */

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.28, 1);
}

@media (max-width: 900px) {
  :root {
    --sec-pad: 4.5rem;
    --gut: 1.375rem;
  }
}