:root {
  /* Breakpoints (reference values for the shared responsive system)
     Mobile: 0-767.98px
     Tablet: 768px-991.98px
     Laptop: 992px-1199.98px
     Desktop: 1200px+ */
  --ds-breakpoint-mobile-max: 767.98px;
  --ds-breakpoint-tablet-min: 768px;
  --ds-breakpoint-tablet-max: 991.98px;
  --ds-breakpoint-laptop-min: 992px;
  --ds-breakpoint-laptop-max: 1199.98px;
  --ds-breakpoint-desktop-min: 1200px;

  /* Colors */
  --ds-color-brand-900: #16314b;
  --ds-color-brand-800: #1e4c73;
  --ds-color-brand-700: #2b658e;
  --ds-color-accent-500: #f2c14d;
  --ds-color-accent-600: #d8a634;
  --ds-color-success-500: #2f7b5e;
  --ds-color-warning-500: #f2c14d;
  --ds-color-danger-500: #b84f4f;
  --ds-color-info-500: #527395;
  --ds-color-surface-0: #ffffff;
  --ds-color-surface-50: #fafbfc;
  --ds-color-surface-100: #f4f7fa;
  --ds-color-border: #d8e0ea;
  --ds-color-border-strong: #c5d0dc;
  --ds-color-text: #213247;
  --ds-color-text-muted: #5c6f82;
  --ds-color-text-subtle: #77889b;

  /* Typography */
  --ds-font-sans: "Aptos", "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ds-font-display: "Aptos Display", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --ds-font-size-100: 0.75rem;
  --ds-font-size-200: 0.875rem;
  --ds-font-size-300: 1rem;
  --ds-font-size-400: 1.125rem;
  --ds-font-size-500: 1.375rem;
  --ds-font-size-600: 1.75rem;
  --ds-font-size-700: 2.25rem;

  /* Spacing - 8px scale */
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.5rem;
  --ds-space-6: 2rem;
  --ds-space-7: 2.5rem;
  --ds-space-8: 3rem;

  /* Radius */
  --ds-radius-sm: 0.75rem;
  --ds-radius-md: 1rem;
  --ds-radius-lg: 1.5rem;
  --ds-radius-pill: 999px;

  /* Shadows */
  --ds-shadow-sm: 0 0.5rem 1.2rem rgba(19, 31, 48, 0.06);
  --ds-shadow-md: 0 0.9rem 2rem rgba(19, 31, 48, 0.08);
  --ds-shadow-lg: 0 1.4rem 3rem rgba(19, 31, 48, 0.14);

  /* Motion */
  --ds-transition-fast: 0.16s ease;
  --ds-transition-base: 0.22s ease;

  /* Z-index */
  --ds-z-base: 1;
  --ds-z-sticky: 10;
  --ds-z-dropdown: 1000;
  --ds-z-modal: 1055;
  --ds-z-toast: 1080;
}