/* The Juice Bar Dallas — brand tokens (source: brand.html)
   Brand colors were measured from the live site (logo files, theme CSS, page CSS).
   Room colors (Night, Forest, Cream, Sand) and the Fraunces display face were added
   in the v2 design pass and are documented in brand.html. Do not add colors that are not in brand.html. */
:root {
  /* Brand (from the live site) */
  --brand: #2DB989;        /* Juice Bar Green: logo artwork. The jewelry. */
  --leaf: #48B86C;         /* Leaf: live-site accent (theme-options CSS) */
  --leaf-deep:#2E7A47;    /* Leaf Deep: small green text on light (5.3:1 on white) */
  --ink: #222222;          /* Ink: primary text on light */
  --charcoal: #333333;     /* Charcoal: live body text */
  --slate: #666666;        /* Slate: secondary text */
  --stone: #C7C7C7;        /* Stone: rules */
  --mist: #EEEEEE;         /* Mist: quiet fills */
  --paper: #FAFAFA;        /* Paper */
  --white: #FFFFFF;

  /* Rooms (v2) */
  --night: #0B0F0D;        /* Night: near-black rooms, header, footer */
  --forest: #0F2A20;       /* Forest: deep green rooms */
  --cream: #F4EFE6;        /* Cream: warm light rooms */
  --sand: #E4DBCB;         /* Sand: hairlines and quiet fills on Cream */

  --accent: var(--brand);

  --display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font: "Raleway", "Helvetica Neue", Arial, sans-serif;
  --text: 1.25rem;
  --text-lh: 1.6;

  --wrap: 1320px;
  --measure: 1040px;
  --pad-band: clamp(76px, 11vw, 160px);
  --radius: 2px;
  --pill: 999px;
  --shadow-lite: 0 0 100px rgba(0,0,0,.14);
  --shadow-card: 0 1px 2px rgba(11,15,13,.04), 0 18px 50px -24px rgba(11,15,13,.22);
  --shadow-lift: 0 2px 4px rgba(11,15,13,.04), 0 40px 90px -30px rgba(11,15,13,.38);
  --hair: 1px solid rgba(11,15,13,.12);
  --hair-cream: 1px solid rgba(60,45,20,.14);
  --hair-dark: 1px solid rgba(255,255,255,.14);
  --ease: cubic-bezier(.2,.7,.2,1);
}