/* palette-source: archetype (bright-playful) — written by palette.mjs on 2026-09-14,
   then hand-tuned to the "Bumble — sunlit honey editorial" reference (see
   company-profile.md, Brand). There is no cart, logo or photograph to sample, so the
   archetype run set the method and this pass swapped in the reference's own hues:
   a hue-less near-black primary, honey/amber for accent, a honey-cream ground. */
/*
  BRAND TOKENS — the only stylesheet the builder edits for colour and type.
  Everything in base.css reads from these variables. Keep every value here
  traceable to the shop's own branding (logo, shopfront, Instagram grid) or to
  the design-system run recorded in company-profile.md.
*/
:root {
  /* Colour — Bumble reference: near-black text/borders/buttons, honey as the one
     chromatic surface (full-bleed blocks and card frames only, never a button fill),
     amber (honey darkened for contrast) for links. No other hue anywhere. */
  --color-primary: #1c1c1c;        /* neutral near-black, equal RGB channels — no hue to collide with any other client */
  --color-on-primary: #fbf0d6;     /* honey-cream text on the near-black header/footer/dark blocks */
  --color-accent: #796006;         /* honey #ffdb5b darkened to l25 so link text clears 4.5:1 on the cream background */
  --color-on-accent: #ffffff;      /* button text on accent */
  --color-bg: #fbf0d6;             /* warm honey-cream ground */
  --color-surface: #ffffff;        /* white cards that lift with the one approved shadow */
  --color-ink: #1c1c1c;            /* body text — same neutral near-black as primary */
  --color-muted: #605d52;          /* graphite-leaning muted text, warmed to sit on the cream */
  --color-border: #e7e4da;         /* hairline dividers, low-key; card frames use --color-primary directly at full weight */

  /* Type — geometric sans with open positive tracking, the Bumble signature */
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display-weight: 700;
  --display-tracking: 0.01em;
  --display-transform: none;

  /* Shape and texture — 24px cards, 16px buttons/nav, pills reserved for badges only */
  --radius: 24px;
  --radius-sm: 16px;
  --hero-overlay: linear-gradient(180deg, rgba(28, 28, 28, 0.05), rgba(28, 28, 28, 0.18));
  --shadow: rgba(32, 32, 32, 0.12) 0px 1px 8px;
}