/* ==========================================================================
   BT DESIGN TOKENS  -  SINGLE SOURCE OF TRUTH
   --------------------------------------------------------------------------
   Every colour, size, space and duration used by the redesign lives here.
   Change a value once and it updates everywhere on the site.
   Never hardcode a hex, px or ms anywhere else.
   ========================================================================== */

:root{
  /* ---- Colour -------------------------------------------------------- */
  /* Darks. Near-black with a faint violet undertone, NOT purple. */
  /* Deep plum. This IS the brand colour (#2E1A47) taken darker and richer,
     NOT neutral black. It must still read violet. */
  --bt-ink:        #1A0E2E;   /* primary dark band, hero, closer */
  --bt-ink-soft:   #241338;   /* second dark step, membership band */
  --bt-plum:       #2E1A47;   /* the original brand plum, for accents/edges */
  --bt-violet:     #5D3494;   /* the plum lifted into light violet, for icon/gradient stops */

  /* Lights */
  --bt-ivory:      #FFFDF8;   /* primary light band */
  --bt-warm:       #F7F2E9;   /* secondary light band, alternates with ivory */
  --bt-card:       #FFFFFF;   /* cards sitting on light bands */

  /* Danger / form-error state (validation messages, required markers) */
  --bt-danger:      #8B2222;  /* error text */
  --bt-danger-bg:   #FCEDED;  /* error surface */
  --bt-danger-line: #E3A5A5;  /* error border */

  /* Text */
  --bt-text:       #16121C;   /* body text on light */
  --bt-text-soft:  #4A4453;   /* secondary text on light */
  --bt-text-dk:    rgba(255,253,248,.86);  /* body text on dark */
  --bt-text-dk-2:  rgba(255,253,248,.72);  /* secondary text on dark */

  /* Gold. The single accent. Spend it once per view. */
  --bt-gold:       #C9A227;   /* accent on DARK backgrounds only */
  --bt-gold-lift:  #DFBB4B;   /* hover state on gold surfaces */
  --bt-gold-text:  #7D5F10;   /* AA 4.5:1 for small text on LIGHT backgrounds */
  --bt-gold-link:  #6B5210;   /* AA 5.1:1 for links on light backgrounds */

  /* Lines */
  --bt-line:       rgba(22,18,28,.12);      /* hairline on light */
  --bt-line-dk:    rgba(255,253,248,.16);   /* hairline on dark */
  --bt-line-dk-2:  rgba(255,253,248,.45);   /* button borders on dark */

  /* ---- Type ---------------------------------------------------------- */
  --bt-font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --bt-font-body:    "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --bt-fs-xs:   .78rem;
  --bt-fs-sm:   .9rem;
  --bt-fs-base: 1rem;
  --bt-fs-lg:   1.15rem;
  --bt-fs-xl:   1.5rem;
  --bt-fs-h2:   clamp(2rem, 4.6vw, 3.4rem);
  --bt-fs-h1:   clamp(2.5rem, 6.4vw, 5rem);
  --bt-fs-hero: clamp(2.9rem, 8.4vw, 6.6rem);

  --bt-track-caps: .18em;   /* letter-spacing for uppercase labels */

  /* ---- Space --------------------------------------------------------- */
  --bt-s-1: .25rem;  --bt-s-2: .5rem;   --bt-s-3: .75rem;  --bt-s-4: 1rem;
  --bt-s-5: 1.5rem;  --bt-s-6: 2rem;    --bt-s-7: 3rem;    --bt-s-8: 4rem;
  --bt-sec-pad: clamp(3.5rem, 8vw, 7rem);   /* vertical padding per section */

  /* ---- Radius -------------------------------------------------------- */
  --bt-r-sm: 4px;  --bt-r-md: 8px;  --bt-r-lg: 16px;  --bt-r-pill: 999px;

  /* ---- Motion -------------------------------------------------------- */
  --bt-ease:      cubic-bezier(.22,.61,.36,1);
  --bt-dur-fast:  160ms;
  --bt-dur:       260ms;
  --bt-dur-slow:  520ms;

  /* ---- Layout -------------------------------------------------------- */
  --bt-max: 1180px;

  /* ---- Elevation ----------------------------------------------------- */
  --bt-shadow-card: 0 30px 60px -30px rgba(14,10,20,.4);
  --bt-glow-gold:   0 16px 34px -14px rgba(201,162,39,.55);
  --bt-glow-gold-h: 0 0 0 6px rgba(201,162,39,.14), 0 20px 40px -14px rgba(201,162,39,.65);
}

/* Reduced motion is honoured globally, once. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}
