/* Real Sports Bookings — Color tokens
   Lifted from the admin-panel revamp design-system (src/design-system/tokens.ts),
   with ONE intentional deviation from Real Sports OS: the primary ramp is retuned
   from OS indigo (#5160ff) to a calmer azure/cobalt BLUE (#2f6cee) so Bookings reads
   as its own product. Neutrals + semantics are shared with OS for family consistency. */

:root {
  /* ---- Primary — Bookings azure/cobalt blue (was OS indigo) ---- */
  --rsb-primary-50:  #eef4ff;
  --rsb-primary-100: #d3e3ff;
  --rsb-primary-200: #aecbff;
  --rsb-primary-300: #82acff;
  --rsb-primary-400: #5288fb;
  --rsb-primary-500: #2f6cee;  /* brand blue — primary actions, active states, links */
  --rsb-primary-600: #1f56d6;
  --rsb-primary-700: #1c46aa;  /* pressed */
  --rsb-primary-800: #1c3c84;
  --rsb-primary-900: #1a3568;

  /* ---- Neutral — cool gray ramp (shared with OS) ---- */
  --rsb-neutral-0:   #ffffff;
  --rsb-neutral-15:  #fbfbfd;
  --rsb-neutral-25:  #f8f9fb;  /* canvas */
  --rsb-neutral-50:  #eeeff2;
  --rsb-neutral-100: #dfe1e6;  /* hairline border */
  --rsb-neutral-200: #c1c7cf;  /* border hover / bright */
  --rsb-neutral-300: #a4abb8;  /* muted text / placeholder */
  --rsb-neutral-400: #808897;
  --rsb-neutral-500: #666d80;  /* body text */
  --rsb-neutral-600: #353849;
  --rsb-neutral-700: #272835;  /* headings */
  --rsb-neutral-800: #15161e;
  --rsb-neutral-900: #0d0d12;

  /* ---- Semantic — reserved for STATUS only, never decoration ---- */
  --rsb-danger:        #ef4444;
  --rsb-danger-light:  #fee2e2;
  --rsb-danger-dark:   #dc2626;
  --rsb-danger-action: #eb5435;  /* danger button fill */

  --rsb-success:       #228636;
  --rsb-success-light: #d8f3d6;
  --rsb-success-dark:  #04260f;

  --rsb-warning:        #e79a00;
  --rsb-warning-light:  #fef1c9;
  --rsb-warning-dark:   #341a00;
  --rsb-warning-accent: #ffcc00;

  --rsb-info:        #206feb;
  --rsb-info-light:  #dbefff;
  --rsb-info-dark:   #051d4d;

  /* ---- Soft status borders ---- low-alpha rings for badges, so the edge
     reads as a hint of color rather than a hard saturated outline. */
  --rsb-success-border: rgba(34,134,54,0.30);
  --rsb-warning-border: rgba(231,154,0,0.32);
  --rsb-danger-border:  rgba(239,68,68,0.30);
  --rsb-info-border:    rgba(32,111,235,0.30);
  --rsb-primary-border: rgba(47,108,238,0.30);
  --rsb-neutral-border: rgba(39,40,53,0.12);
  /* Subtle lift shared with the booking-tag family */
  --rsb-badge-lift: 0px 1px 2px rgba(32,32,32,0.06);

  /* Badge label colors — the saturated tone matches text to fill (like booking
     tags), instead of a near-black *-dark. Warning is deepened for legibility. */
  --rsb-success-text: #1f7d33;
  --rsb-warning-text: #a06d00;
  --rsb-danger-text:  #d83a3a;
  --rsb-info-text:    #1f63d6;
  --rsb-primary-text: var(--rsb-primary-600);
  --rsb-neutral-text: var(--rsb-neutral-500);

  /* Chip treatment shared by status badges + booking tags: a near-white surface
     with a 10% color wash, a light color ring, and a soft drop shadow. Status
     badges differ from tags ONLY in shape (rectangular) and the absence of a dot. */
  --rsb-tag-shadow: 0px 2px 4px rgba(32,32,32,0.08);
  --rsb-success-tint: rgba(34,134,54,0.10);
  --rsb-warning-tint: rgba(231,154,0,0.10);
  --rsb-danger-tint:  rgba(239,68,68,0.10);
  --rsb-info-tint:    rgba(32,111,235,0.10);
  --rsb-primary-tint: rgba(47,108,238,0.10);
  --rsb-neutral-tint: rgba(128,136,151,0.10);
  --rsb-success-ring: var(--rsb-success-light);
  --rsb-warning-ring: var(--rsb-warning-light);
  --rsb-danger-ring:  var(--rsb-danger-light);
  --rsb-info-ring:    var(--rsb-info-light);
  --rsb-primary-ring: var(--rsb-primary-100);
  --rsb-neutral-ring: var(--rsb-neutral-100);

  /* ---- Surfaces & text aliases ---- */
  --rsb-canvas:       var(--rsb-neutral-25);
  --rsb-surface:      var(--rsb-neutral-0);
  --rsb-border:       var(--rsb-neutral-100);
  --rsb-border-hover: var(--rsb-neutral-200);
  --rsb-text-heading: var(--rsb-neutral-700);
  --rsb-text-body:    var(--rsb-neutral-500);
  --rsb-text-muted:   var(--rsb-neutral-300);
  --rsb-accent:       var(--rsb-primary-500);

  /* ---- Booking-tag channel colors (calendar source-of-truth) ---- */
  --rsb-tag-online:  #2f6cee;  /* tracks the brand blue */
  --rsb-tag-buffer:  #ff9005;
  --rsb-tag-broker:  #43b0ff;
  --rsb-tag-academy: #228636;
  --rsb-tag-bulk:    #808897;
  --rsb-tag-event:   #e79a00;
  --rsb-tag-onsite:  #2f6cee;
}