/* BookiePrice .au — design tokens. Single source of truth. */
:root{
  /* Surfaces — warm-dark, never pure black */
  --bg:        #0B0E0A;
  --surface:   #141811;
  --rail:      #1B201A;
  --line:      #252B23;
  --line-2:    #323A2E;

  /* Ink */
  --ink:       #ECEFE6;
  --ink-2:     #9CA396;
  --ink-3:     #6B7164;

  /* Brand accent — acid chartreuse-green (price-up energy) */
  --accent:    #9CE600;
  --accent-hi: #B5EF3D;
  --accent-lo: #7AC400;
  --accent-ink:#08130D;

  /* Signal — rare yellow. Eyebrow chips, hot-price flash, FLIP indicator only. */
  --signal:    #FFD60A;
  --signal-hi: #FFE34D;
  --signal-lo: #D9B200;

  /* Semantic */
  --warn:      #FFA033;
  --danger:    #FF4D55;
  --ok:        #2BC79E;
  --live:      #FF4D55;

  /* Radii */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* Shadows */
  --shadow-1: 0 1px 0 rgba(255,255,255,.04), 0 8px 24px rgba(0,0,0,.45);
  --shadow-2: 0 2px 0 rgba(255,255,255,.05), 0 18px 44px rgba(0,0,0,.55);
  --glow-accent: 0 0 0 1px rgba(156,230,0,.32), 0 12px 32px rgba(156,230,0,.15);
  --glow-signal: 0 0 0 1px rgba(255,214,10,.45), 0 12px 28px rgba(255,214,10,.18);

  /* Focus */
  --ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);

  /* Layout */
  --container: 1480px;
  --rail-w:    280px;   /* widened from 240px — sidebar is now primary nav */

  /* Type scale */
  --fs-12: .75rem;
  --fs-13: .8125rem;
  --fs-14: .875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-22: 1.375rem;
  --fs-28: 1.75rem;
  --fs-36: 2.25rem;
  --fs-48: 3rem;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;

  /* Motion — easings */
  --ease:             cubic-bezier(.4,0,.2,1);
  --ease-out:         cubic-bezier(.22,1,.36,1);
  --ease-out-quart:   cubic-bezier(.165,.84,.44,1);
  --ease-in-out-soft: cubic-bezier(.65,.05,.36,1);
  --ease-snap:        cubic-bezier(.5,1.6,.4,1);
  --ease-decel:       cubic-bezier(0,.55,.45,1);
  --ease-arc:         cubic-bezier(.33,.93,.5,1);
  --ease-spring:      cubic-bezier(.34,1.4,.64,1);

  /* Motion — durations */
  --dur-micro: 80ms;
  --dur-fast:  120ms;
  --dur-base:  200ms;
  --dur-slow:  360ms;
  --dur-xl:    520ms;
  --dur-xxl:   720ms;

  /* Misc */
  --blur-bg:   16px;
}