/**
 * Paramount shell tokens — aligned with NexLink `styles.css` (Bootstrap + `--custom-body-bg` / `--app-sidebar-bg`).
 *
 * Loaded after NexLink `styles.css`, before `app-redesign.css` on the app shell (B.4: no Tailwind / `ui-v2.css`).
 * On auth pages: load after `styles.css` with `auth-pages.css` — see `partials/auth-html-head.php`.
 *
 * Tokens live on `:root` so **`body.ui-v2`** (shell) and **`body.auth-paramount`** (login / request-account) share one palette.
 */
html {
  scroll-behavior: smooth;
}

:root {
  --pr-bg: #ffffff;
  --pr-bg-mid: #ffffff;
  --pr-surface: #ffffff;
  --pr-surface-soft: #ffffff;
  --pr-border: rgba(15, 23, 42, 0.075);
  --pr-border-strong: rgba(15, 23, 42, 0.12);
  --pr-header-bg: rgba(255, 255, 255, 0.94);
  --pr-header-text: var(--bs-heading-color);
  --pr-header-muted: var(--bs-body-color);
  --pr-header-border: rgba(15, 23, 42, 0.08);
  --pr-rail: #ffffff;
  --pr-rail-mid: #ffffff;
  --pr-rail-highlight: rgba(var(--bs-primary-rgb), 0.12);
  --pr-accent: var(--bs-primary);
  --pr-accent-bright: color-mix(in srgb, var(--bs-primary) 88%, #ffffff 12%);
  --pr-accent-soft: var(--bs-primary-bg-subtle);
  --pr-accent-ring: rgba(var(--bs-primary-rgb), 0.35);
  --pr-danger: var(--bs-danger);
  --pr-danger-soft: var(--bs-danger-bg-subtle);
  --pr-danger-text: var(--bs-danger-text-emphasis);
  --pr-warning: var(--bs-warning);
  --pr-warning-soft: var(--bs-warning-bg-subtle);
  --pr-warning-text: var(--bs-warning-text-emphasis);
  --pr-success: var(--bs-success);
  --pr-success-soft: var(--bs-success-bg-subtle);
  --pr-success-text: var(--bs-success-text-emphasis);
  --pr-info: var(--bs-info);
  --pr-info-soft: var(--bs-info-bg-subtle);
  --pr-info-text: var(--bs-info-text-emphasis);
  --pr-text: var(--bs-body-color);
  --pr-text-muted: var(--bs-secondary-color);
  --pr-text-strong: var(--bs-heading-color);
  --pr-link: var(--bs-primary);
  --pr-radius-sm: 0.35rem;
  --pr-radius: 0.5rem;
  --pr-radius-lg: 0.75rem;
  --pr-radius-pill: 999px;
  --pr-space-1: 0.25rem;
  --pr-space-2: 0.5rem;
  --pr-space-3: 0.75rem;
  --pr-space-4: 1rem;
  --pr-space-5: 1.25rem;
  --pr-shadow: 0 1px 2px rgba(15, 23, 42, 0.025);
  --pr-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.055);
  --pr-z-dropdown: 1000;
  --pr-z-sticky: 1020;
  --pr-z-fixed: 1030;
  --pr-z-modal: 1055;
  --pr-z-command: 1095;
  --pr-z-toast: 4000;
  --pr-chart-1: var(--pr-accent);
  --pr-chart-2: var(--pr-info);
  --pr-chart-3: var(--pr-success);
  --pr-chart-4: var(--pr-warning);
  --pr-chart-5: var(--pr-danger);
}

@supports not (color: color-mix(in srgb, red 50%, blue)) {
  :root {
    --pr-accent-bright: #d94a50;
  }
}

body.ui-v2 {
  color: var(--pr-text);
  background: #ffffff;
}

body.ui-v2 .page-layout {
  background: #ffffff;
  min-height: 100vh;
}

/** Auth / account pages (Bootstrap + shared tokens; no app shell) */
body.auth-paramount {
  background: #ffffff;
  color: var(--pr-text);
  min-height: 100vh;
}