/* BookiePrice — design tokens. Single source of truth. */
:root{
  /* Surfaces */
  --bg:        #0B0F14;
  --surface:   #11161D;
  --rail:      #1A2230;
  --line:      #222B38;
  --line-2:    #2C3848;

  /* Ink */
  --ink:       #E7ECF3;
  --ink-2:     #9AA6B6;
  --ink-3:     #6B7686;

  /* Brand accent — electric blue */
  --accent:    #2F7BFF;
  --accent-hi: #4F92FF;
  --accent-lo: #1F63D6;
  --accent-ink:#FFFFFF;

  /* Signals */
  --warn:      #F5A524;
  --danger:    #FF4D4F;
  --ok:        #27D08A;
  --live:      #FF4D4F;

  /* 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,.35);
  --shadow-2: 0 2px 0 rgba(255,255,255,.05), 0 16px 40px rgba(0,0,0,.5);

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

  /* Layout */
  --container: 1480px;
  --rail-w:    240px;
  --slip-w:    300px;

  /* 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 */
  --ease:        cubic-bezier(.4,0,.2,1);
  --ease-out:    cubic-bezier(.22,1,.36,1);
  --ease-spring: cubic-bezier(.34,1.4,.64,1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 360ms;
}