/* ==========================================================================
   SONORA — identity tokens (single source for every surface in the kit)
   Copied unchanged from brand/identity/tokens.css so the live page travels whole.
   Sonora is an illustrative spa made as sample work. Every public-facing
   surface carries the Sample Work mark defined at the bottom of this file.
   ========================================================================== */

:root {
  /* ---- Palette: "Caliche to Ironwood" ------------------------------------ */
  --sonora-caliche:   #F3ECE2;  /* paper, page ground, 50% of any surface     */
  --sonora-sand:      #E4D6C3;  /* second ground, cards, panels                */
  --sonora-stone:     #B8A893;  /* hairlines, quiet type on sand, the seal     */
  --sonora-sage:      #8B907A;  /* desert sage: secondary accent, sparingly    */
  --sonora-clay:      #A9603F;  /* the accent: the low sun. Max ~5% of surface */
  --sonora-mesquite:  #4A3B30;  /* body type on light grounds                  */
  --sonora-ironwood:  #241C17;  /* night ground, display type, the darkest     */

  /* RGB for overlays / scrims */
  --sonora-ironwood-rgb: 36, 28, 23;
  --sonora-caliche-rgb:  243, 236, 226;

  /* ---- Type -------------------------------------------------------------- */
  --sonora-display: "Cormorant Garamond", "EB Garamond", Georgia, serif; /* 300/400, italic for the voice */
  --sonora-body:    "Inter Tight", "Helvetica Neue", Arial, sans-serif;  /* 300/400/500 */

  --sonora-tracking-wordmark: 0.34em;  /* SONORA, uppercase, Cormorant 400 */
  --sonora-tracking-caps:     0.22em;  /* labels, Inter Tight 500, 7.5–10pt */

  /* Type scale (web, rem at 16px) */
  --sonora-step-hero:  clamp(2.75rem, 2rem + 3vw, 5rem);   /* display, 300, -0.01em */
  --sonora-step-h1:    clamp(2rem, 1.6rem + 1.6vw, 3rem);
  --sonora-step-h2:    1.75rem;
  --sonora-step-lede:  1.375rem;   /* Cormorant italic */
  --sonora-step-body:  1rem;       /* Inter Tight 300/400, 1.6 leading */
  --sonora-step-label: 0.6875rem;  /* Inter Tight 500, caps, tracked */

  /* ---- Space & line ------------------------------------------------------ */
  --sonora-hairline: 0.5px solid var(--sonora-stone);
  --sonora-radius-arch: 999px 999px 0 0; /* the only curve: the arch top */
}

/* ==========================================================================
   SAMPLE WORK MARK ("the Seal") — required on every public-facing surface
   Book reference: Sonora Brand Identity, page 14. Never rotated, never in Clay,
   never removed, never larger than the brand wordmark.
   ========================================================================== */
.sonora-seal {
  display: inline-flex; align-items: center; gap: 0.6em;
  padding: 0.45em 0.8em 0.45em 0.65em;
  border: 0.5px solid currentColor;
  color: var(--sonora-mesquite);              /* on Caliche / Sand grounds */
  font-family: var(--sonora-body);
  font-size: 0.625rem; line-height: 1; letter-spacing: var(--sonora-tracking-caps);
  text-transform: uppercase; white-space: nowrap;
}
.sonora-seal__arch { width: 0.85em; height: 1.02em; flex: none; }
.sonora-seal__label { font-weight: 500; }
.sonora-seal__note {
  font-weight: 300; letter-spacing: 0.08em; text-transform: none;
  padding-left: 0.6em; border-left: 0.5px solid currentColor; opacity: 0.85;
}
.sonora-seal--reversed { color: var(--sonora-caliche); }   /* on plates and Ironwood */
.sonora-seal--compact .sonora-seal__note { display: none; } /* film corners, tiles under 400px */