/* ==========================================================================
   Being There Presents — Design Tokens
   Single source of truth. Import this file before any component styles.
   No pure white or black. No gradients. Coral leads; gold marks the pick.
   ========================================================================== */

:root {
  /* ---- Brand inks ---------------------------------------------------- */
  --btp-coral:        #CE6B64; /* primary — the brand, family DNA          */
  --btp-coral-deep:   #B9564F; /* pressed / hover-dark coral               */
  --btp-coral-tint:   #f0d6d2; /* muted text/meta ON a coral surface       */
  --btp-gold:         #C88A2E; /* signature — ONLY flags an editor's pick  */
  --btp-gold-shadow:  #6b4c14; /* muted text/meta ON a gold surface        */

  /* ---- Neutrals ------------------------------------------------------ */
  --btp-ink:          #2A2823; /* primary text, one-color mark             */
  --btp-ink-soft:     #4a463d; /* secondary body text on paper             */
  --btp-ink-muted:    #8A8575; /* labels, meta, timestamps                 */
  --btp-paper:        #ECE7DA; /* primary light surface / text on dark     */
  --btp-panel:        #E4DDCC; /* raised light panel / card fill           */
  --btp-hairline:     #D8D0BE; /* borders & dividers on light surfaces     */
  --btp-hairline-2:   #E0D8C6; /* softer divider inside cream cards        */

  /* ---- Dark surfaces (app, story, cover) ----------------------------- */
  --btp-bg:           #24221d; /* primary dark background                  */
  --btp-bg-deep:      #201e1a; /* deepest backdrop (behind device/frame)   */
  --btp-surface-dark: #2f2c26; /* raised pill/chip on dark                 */
  --btp-hairline-dark:#3a372f; /* dividers on dark                         */
  --btp-border-dark:  #4a463d; /* inactive control border on dark          */
  --btp-ondark-muted: #B7B0A2; /* muted text on dark                       */
  --btp-ondark-faint: #6f6a5c; /* faintest labels on dark                  */

  /* ---- Support (inherited from the family — stays quiet) ------------- */
  --btp-denim:        #5F97B3;

  /* ---- Typography ---------------------------------------------------- */
  --btp-font-display: 'Passion One', sans-serif;   /* logo + headlines    */
  --btp-font-text:    'Crimson Pro', serif;        /* body, listing names */
  --btp-font-mono:    'Spline Sans Mono', monospace;/* times, dates, tags */

  --btp-weight-display: 700; /* 900 available for extra punch              */
  --btp-weight-body:    500;
  --btp-weight-body-strong: 600;

  /* ---- Radii --------------------------------------------------------- */
  --btp-radius-button: 2px;
  --btp-radius-card:   3px;
  --btp-radius-panel:  6px;
  --btp-radius-story:  14px;
  --btp-radius-pill:   999px;

  /* ---- Rules --------------------------------------------------------- */
  --btp-rule:      2px solid var(--btp-ink);       /* the heavy dateline  */
  --btp-hairline-rule: 1px solid var(--btp-hairline);

  /* ---- Tracking (letter-spacing for mono labels) --------------------- */
  --btp-track-label: 1.5px;
  --btp-track-tag:   2px;
}