/* stylelint-disable selector-class-pattern */

@layer custom {
  .mx--2 { margin-inline: -.5rem; }
  .mt--2 { margin-top: -.5rem; }

  .theme-light {
    --bs-theme-base: var(--bs-gray-100);
    --bs-theme-fg: light-dark(var(--bs-gray-600), var(--bs-gray-300));
    --bs-theme-fg-emphasis: light-dark(var(--bs-gray-800), var(--bs-gray-100));
    --bs-theme-bg: light-dark(var(--bs-gray-050), var(--bs-gray-800));
    --bs-theme-bg-subtle: light-dark(var(--bs-gray-025), var(--bs-gray-900));
    --bs-theme-bg-muted: light-dark(var(--bs-gray-100), var(--bs-gray-700));
    --bs-theme-border: light-dark(var(--bs-gray-100), var(--bs-gray-700));
    --bs-theme-focus-ring: color-mix(in oklch, light-dark(var(--bs-gray-400), var(--bs-gray-400)) 50%, var(--bs-bg-body));
    --bs-theme-contrast: light-dark(var(--bs-gray-900), var(--bs-white));
  }

  .w-220px {
    width: 220px;
  }

  .w-280px {
    width: 280px;
  }
}