/* ==========================================================================
   Shared radius/surface/semantic tokens and Bootstrap --bs-* remaps.
   Owning feature: shared / base
   Load order is defined in Views/Shared/_CssIncludes.cshtml — do not reorder.
   ========================================================================== */

/* ==========================================================================
   App-wide modernization layer — restyles the remaining default
   Bootstrap 5 components (forms, buttons, cards, tables, modals,
   dropdowns, badges, pagination, navs, alerts) so every screen matches the
   `fh-*` visual language above, not just the Browse overview.

   Approach: first re-point the Bootstrap CSS custom properties (radius,
   shadow, semantic colors) at the `--fh-*` tokens so any component that
   already reads them (cards, modals, alerts, badges, pagination radius,
   dropdowns…) picks up the new look for free. Anything Bootstrap
   hardcodes as a literal hex value (e.g. `.btn-primary`, `.page-link.active`,
   old Bootstrap-4-style `.badge-success`/`.close`) gets a small explicit
   override below that.
   ========================================================================== */
:root {
  /* Additional shared tokens, extending the fh-* palette above */
  --fh-radius-sm: 0.375rem;
  --fh-radius: 0.5rem;
  --fh-radius-lg: 0.75rem;
  /* Raised surface (cards, wells, empty-state panels) over --fh-bg. */
  --fh-surface: #ffffff;
  --fh-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --fh-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
  --fh-success: #16a34a;
  --fh-success-rgb: 22, 163, 74;
  --fh-danger: #dc2626;
  --fh-danger-rgb: 220, 38, 38;
  --fh-warning: #d97706;
  --fh-warning-rgb: 217, 119, 6;
  --fh-info: #0891b2;
  --fh-info-rgb: 8, 145, 178;
  --fh-secondary: var(--fh-muted);
  --fh-secondary-rgb: 100, 116, 139;
  /* Soft/tinted variants — hover and selected states across tree pickers,
     list rows, and panels, so those states read from tokens instead of
     one-off hex values. */
  --fh-primary-soft: #eff6ff;
  --fh-primary-soft-border: #bfdbfe;
  --fh-hover: #f1f5f9;
  --fh-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.15);
  --fh-transition-fast: 0.15s ease;
  /* Form control affordance tokens */
  --fh-form-bg: #ffffff;
  --fh-form-border: #cbd5e1;
  --fh-form-border-hover: #94a3b8;
  --fh-form-border-disabled: #e2e8f0;

  /* Bootstrap variable overrides — cascade into every component below */
  --bs-border-radius-sm: var(--fh-radius-sm);
  --bs-border-radius: var(--fh-radius);
  --bs-border-radius-lg: var(--fh-radius-lg);
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 1.25rem;
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: var(--fh-shadow);
  --bs-box-shadow-sm: var(--fh-shadow-sm);
  --bs-body-color: var(--fh-text);
  --bs-border-color: var(--fh-border);
  --bs-secondary-color: var(--fh-muted);
  --bs-link-color: var(--fh-primary);
  --bs-link-color-rgb: 37, 99, 235;
  --bs-link-hover-color: var(--fh-primary-dark);
  --bs-link-hover-color-rgb: 29, 78, 216;
  --bs-primary: var(--fh-primary);
  --bs-primary-rgb: 37, 99, 235;
  --bs-secondary: var(--fh-secondary);
  --bs-secondary-rgb: var(--fh-secondary-rgb);
  --bs-success: var(--fh-success);
  --bs-success-rgb: var(--fh-success-rgb);
  --bs-danger: var(--fh-danger);
  --bs-danger-rgb: var(--fh-danger-rgb);
  --bs-warning: var(--fh-warning);
  --bs-warning-rgb: var(--fh-warning-rgb);
  --bs-info: var(--fh-info);
  --bs-info-rgb: var(--fh-info-rgb);
}