:root {
  --rscan-base-url: "/page";
  --rscan-color-primary: #004081;
  --rscan-color-primary-dark: #003566;
  --rscan-color-primary-soft: #eaf3fb;
  --rscan-color-secondary: #00c4bb;
  --rscan-color-secondary-dark: #009d96;
  --rscan-color-secondary-soft: #e7fbfa;
  --rscan-color-success: #20a779;
  --rscan-color-success-soft: #eaf8f2;
  --rscan-color-warning: #f4b740;
  --rscan-color-warning-soft: #fff8e7;
  --rscan-color-danger: #dc3545;
  --rscan-color-danger-soft: #fff0f2;
  --rscan-color-info: #0a9fbd;
  --rscan-color-info-soft: #eaf9fc;
  --rscan-color-heading: #004081;
  --rscan-color-text: #586782;
  --rscan-color-nav-text: #4b5563;
  --rscan-color-muted: #6f81a2;
  --rscan-page-bg: #f8f9fa;
  --rscan-page-bg-alt: #f3f5f7;
  --rscan-surface: #ffffff;
  --rscan-surface-soft: #fbfdff;
  --rscan-border: #dce6ee;
  --rscan-border-strong: #c8d7e2;
  --rscan-radius-sm: 0.4rem;
  --rscan-radius-md: 0.75rem;
  --rscan-radius-lg: 1rem;
  --rscan-shadow-sm: 0 3px 12px rgba(0, 64, 129, 0.06);
  --rscan-shadow-md: 0 12px 34px rgba(0, 64, 129, 0.1);
  --rscan-focus-ring: 0 0 0 0.2rem rgba(0, 196, 187, 0.18);
  --rscan-brand-gradient: linear-gradient(90deg, #00c4bb 0%, #008ca8 48%, #004081 100%);
  --rscan-sidebar-active-start: #00c4bb;
  --rscan-sidebar-active-end: #004081;
  --rscan-spacing-1: 0.25rem;
  --rscan-spacing-2: 0.5rem;
  --rscan-spacing-3: 1rem;
  --rscan-spacing-4: 1.5rem;
}