/*
 * litewind v3-border-compat
 *
 * Tailwind v4 changed the default border color on the universal selector
 * from `gray-200` to `currentColor`. This means any element with `class="border"`
 * (or border-t/r/b/l/x/y) and no explicit `border-{color}` utility now renders
 * a 1px line in the text color (often dark) instead of the gray-200 hairline
 * the UI was designed against.
 *
 * This shim restores the v3 default. Explicit `border-red-500`-style classes
 * still win because they're emitted later in the cascade with higher specificity
 * via Tailwind's utility layer.
 *
 * Load order: AFTER litewind/2.0.1.css, BEFORE component CSS that may rely on
 * the v3 default (base-styles, etc.).
 *
 * Remove once all `border` usages explicitly specify a border-{color} class.
 */
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    border-color: var(--color-gray-200, #e5e7eb);
  }
}