/*
 * Global cascade layer order and design tokens.
 *
 * IMPORTANT: this file sorts first alphabetically, so it is the first
 * stylesheet the browser sees. The layer statement below MUST declare the
 * full order (including Tailwind's layers) before tailwind.css registers
 * any layer - otherwise "components" would register before Tailwind's
 * "base" and the preflight button reset would override our components.
 * Keep this statement until Tailwind is fully removed.
 */
@layer reset, properties, theme, base, components, utilities;

:root {
  /* Spacing */
  --space-xs: 0.25rem;
  --space-s: 0.5rem;
  --space-m: 1rem;
  --space-l: 1.5rem;

  /* Text */
  --text-xs: 0.72rem;
  --text-s: 0.8125rem;
  --text-m: 0.875rem;

  /* Borders */
  --radius: 0.5rem;
  --radius-full: 99rem;

  /* Shadows */
  --shadow: 0 1px 3px oklch(0% 0 0 / 0.08), 0 1px 2px oklch(0% 0 0 / 0.05);

  /* Focus rings */
  --focus-ring: 2px solid oklch(var(--lch-indigo) / 0.6);

  /* Easing functions from https://easings.net/ */

  /* Layout */
  --main-width: 1800px;

  /* Z-index */
}