/*
 * Design tokens translated from MyCase's own CSS custom properties
 * (mycase-arch-ds / arch-ui-global), pulled from the live app so this
 * prototype's look and feel matches it. HSL values kept in the same shape
 * MyCase uses (H S% L%) so they can be composed with hsl(var(...)).
 */
:root {
  --eb-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* Brand: coral-orange, MyCase's primary action color */
  --eb-brand-50: 12 100% 98%;
  --eb-brand-100: 15 100% 93%;
  --eb-brand-200: 18 100% 85%;
  --eb-brand-500: 15 87% 54%;
  --eb-brand-600: 16 77% 44%;
  --eb-brand-700: 16 77% 34%;

  /* Brand-alt: teal, MyCase's secondary accent */
  --eb-teal-50: 189 100% 97%;
  --eb-teal-100: 186 83% 93%;
  --eb-teal-500: 188 100% 35%;
  --eb-teal-600: 188 100% 30%;

  /* Neutrals: cool blue-gray */
  --eb-neutral-50: 0 0% 98%;
  --eb-neutral-100: 180 7% 95%;
  --eb-neutral-200: 204 11% 91%;
  --eb-neutral-300: 195 6% 87%;
  --eb-neutral-500: 198 15% 68%;
  --eb-neutral-700: 197 21% 36%;
  --eb-neutral-800: 198 37% 24%;
  --eb-neutral-900: 197 71% 15%;
  --eb-neutral-950: 197 100% 7%;

  /* Semantic */
  --eb-success-500: 134 61% 41%;
  --eb-success-100: 135 74% 93%;
  --eb-danger-500: 351 65% 53%;
  --eb-danger-100: 352 100% 94%;
  --eb-warning-500: 45 88% 56%;
  --eb-warning-100: 46 90% 92%;
  --eb-info-500: 209 100% 40%;
  --eb-info-100: 209 89% 93%;

  /* Bootstrap overrides */
  --bs-primary: hsl(var(--eb-brand-500));
  --bs-primary-rgb: 227, 87, 47;
  --bs-body-color: hsl(var(--eb-neutral-800));
  --bs-body-bg: hsl(var(--eb-neutral-50));
  --bs-border-color: hsl(var(--eb-neutral-300));
  --bs-body-font-family: var(--eb-font-sans);
  --bs-font-size-base: 0.875rem;
}