/* ==========================================================================
   Between The Bids - Design Tokens (single source of truth)
   Mirrored into Elementor Global Styles via inc/elementor-support.php
   ========================================================================== */
:root{
  /* Core surfaces */
  --am-ink:        #16211D;  /* deep green-black - primary dark surface */
  --am-ink-deep:   #0D1512;  /* footer, overlays */
  --am-ink-soft:   #24312C;  /* raised dark cards */

  --am-bone:       #F5EFE4;  /* primary light surface (paper) */
  --am-bone-warm:  #EDE4D5;  /* alternate light band */
  --am-sand:       #D8C29A;  /* pull-quote band, subtle fills */

  --am-ember:      #DE5423;  /* primary accent - CTA, rules, numerals */
  --am-ember-lift: #F06A38;  /* hover */
  --am-ember-mute: #B8431A;  /* pressed / text on light where contrast needed */

  /* Text */
  --am-text-dark:  #14100D;  /* body text on bone */
  --am-text-mid:   #5A544B;  /* secondary text on bone */
  --am-text-light: #F5EFE4;  /* body text on ink */
  --am-text-dim:   rgba(245,239,228,.66);

  /* Lines & effects */
  --am-line-dark:  rgba(20,16,13,.14);
  --am-line-light: rgba(245,239,228,.16);
  --am-shadow-lg:  0 40px 80px -32px rgba(0,0,0,.55);
  --am-shadow-md:  0 18px 40px -20px rgba(0,0,0,.35);

  /* Type families */
  --am-serif: "Fraunces", "Playfair Display", Georgia, "Times New Roman", serif;
  --am-sans:  "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Type scale (fluid, 360 -> 1440) */
  --fs-display: clamp(2.75rem, 1.6rem + 5.2vw, 6.5rem);
  --fs-h1:      clamp(2.25rem, 1.5rem + 3.4vw, 4.25rem);
  --fs-h2:      clamp(1.75rem, 1.3rem + 2.2vw, 3rem);
  --fs-h3:      clamp(1.35rem, 1.15rem + 1vw, 1.875rem);
  --fs-lead:    clamp(1.0625rem, 1rem + .5vw, 1.375rem);
  --fs-body:    clamp(1rem, .97rem + .18vw, 1.0625rem);
  --fs-small:   .875rem;
  --fs-eyebrow: .75rem;

  /* Spacing */
  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.5rem; --sp-4:2rem;
  --sp-5:3rem;  --sp-6:4rem; --sp-7:6rem;  --sp-8:8rem;
  --section-y: clamp(4rem, 2rem + 8vw, 9rem);
  --gutter:    clamp(1.25rem, .5rem + 3vw, 3rem);
  --maxw:      1240px;
  --maxw-text: 720px;
  --radius:    2px;
  --radius-lg: 4px;
}