/* Bullish Automations (How To Be Bullish) design tokens. Ported from AMT / INBOX. Thesis: smoked glass floating over slow liquid silk, lit by warm champagne light from the upper right.
   Every colour, material, radius and motion value lives here. */
:root {
  /* environment */
  --ink-0: #070605;           /* deepest void */
  --ink-1: #0d0b09;           /* page base */
  --silk-hi: #f6ead2;         /* light catching silk */
  --silk-mid: #8a7a62;
  --silk-lo: #1a1611;

  /* text */
  --text: #f7f1e6;
  --text-2: #bdb4a4;
  --text-3: #857c6f;

  /* accent: champagne = action, amber = live, violet = simulated */
  --accent: #f0cf86;
  --accent-2: #c9963c;
  --accent-ink: #160f05;
  --live: #ffb547;
  --live-glow: rgba(255, 181, 71, .55);
  --ok: #9be29a; --danger: #ff8f7d; --info: #a9c4ff; --sim: #c6a2ff;
  --royal: #6c3eaa;          /* HTBB purple, used sparingly */
  --royal-glow: rgba(108, 62, 170, .35);
  --focus: #ffd580;

  /* glass roles. A = structural (nav, top bar), B = content (cards), C = accent (selected, badges) */
  --glass-a: linear-gradient(180deg, rgba(40, 36, 31, .62), rgba(18, 16, 14, .58));
  --glass-b: linear-gradient(160deg, rgba(46, 41, 35, .66) 0%, rgba(22, 19, 16, .58) 60%, rgba(28, 25, 21, .64) 100%);
  --glass-c: linear-gradient(160deg, rgba(240, 207, 134, .22), rgba(108, 62, 170, .10));
  --glass-solid: rgba(22, 20, 17, .94);           /* dense reading surfaces + no-backdrop fallback */
  --blur-a: 26px; --blur-b: 18px; --blur-c: 12px;
  --edge: rgba(255, 244, 222, .14);               /* fine rim */
  --edge-hi: rgba(255, 246, 228, .38);            /* top-light rim */
  --inner-hi: inset 0 1px 0 rgba(255, 248, 232, .14), inset 0 0 0 1px rgba(255, 244, 222, .05);
  --shadow-b: 0 1px 1px rgba(0,0,0,.4), 0 18px 40px -12px rgba(0,0,0,.65), 0 40px 80px -40px rgba(0,0,0,.7);
  --shadow-lift: 0 2px 2px rgba(0,0,0,.4), 0 26px 50px -14px rgba(0,0,0,.75);

  /* type */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-serif: "Cinzel", "Trajan Pro", Georgia, serif;   /* matches the HTBB wordmark */
  --fs-xs: 11px; --fs-sm: 13px; --fs-md: 14.5px; --fs-lg: 17px; --fs-xl: 24px;
  --fs-display: clamp(38px, 5.4vw, 76px);
  --tracking-label: .22em; --tracking-display: -.035em;

  /* space + shape */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 56px;
  --r-sm: 10px; --r-md: 14px; --r-lg: 22px; --r-xl: 30px; --r-pill: 999px;
  --rail-w: 248px;

  /* motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --spring: cubic-bezier(.34, 1.4, .64, 1);
  --t-press: 140ms; --t-ui: 260ms; --t-reveal: 760ms; --stagger: 60ms; --ambient: 16s;
  --lift: -4px; --tilt-max: 3deg;
}