/*
 * Manifest + layer order. Every other stylesheet assigns its rules to one of
 * these layers so cascade precedence is explicit and independent of load order.
 * Matches the layer names Tailwind emits (see app/assets/builds/tailwind.css).
 */
@layer theme, base, components, utilities;

@layer theme {
  :root {
    --surface: light-dark(var(--color-stone-100), var(--color-stone-950));
    --text-color: light-dark(var(--color-stone-700), var(--color-stone-200));
    --heading-color: light-dark(var(--color-stone-950), var(--color-stone-100));
  }
}