/* StanCheck design tokens for the Blazor app.
   Drop this in StanCheck.Web/wwwroot/css/ and link it in wwwroot/index.html.
   Use these in scoped .razor.css / inline styles instead of hardcoded hex values,
   e.g.  border:1px solid var(--sc-divider); border-radius:var(--sc-radius-lg);
   The values match MudBlazor's dark theme (the app default) so they line up with
   MudBlazor's own --mud-palette-* variables. */

:root {
  /* Brand */
  --sc-primary: #7e6fff;
  --sc-primary-light: #594ae2;
  --sc-primary-hover: #6f5fff;
  --sc-secondary: #ff4081;

  /* Dark surfaces (product default) */
  --sc-background: #1a1a27;
  --sc-background-gray: #151521;
  --sc-surface: #1e1e2d;
  --sc-drawer: #1a1a27;
  --sc-appbar-bg: rgba(26,26,39,0.8);
  --sc-overlay: #1e1e2d80;

  /* Text */
  --sc-text-primary: #b2b0bf;
  --sc-text-secondary: #92929f;
  --sc-text-disabled: #ffffff33;

  /* Semantic */
  --sc-info: #4a86ff;
  --sc-success: #3dcb6c;
  --sc-warning: #ffb545;
  --sc-error: #ff3f5f;

  /* Structure */
  --sc-lines: #33323e;
  --sc-divider: #292838;
  --sc-gray-light: #2a2833;

  /* Radius */
  --sc-radius-sm: 4px;
  --sc-radius-md: 8px;
  --sc-radius-lg: 12px;   /* cards / paper */
  --sc-radius-pill: 999px;

  /* Elevation */
  --sc-elevation-1: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
  --sc-elevation-4: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);

  /* Rating scale (see ReviewsSection.razor): >=4 green, >=3 amber, <3 red */
  --sc-score-good: var(--sc-success);
  --sc-score-mid: var(--sc-warning);
  --sc-score-bad: var(--sc-error);
}