:root {
  --g-font-sans: Inter, Geist, "Segoe UI", Arial, sans-serif;
  --g-font-mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --g-space-1: .25rem; --g-space-2: .5rem; --g-space-3: .75rem; --g-space-4: 1rem;
  --g-space-5: 1.25rem; --g-space-6: 1.5rem; --g-space-8: 2rem; --g-space-10: 2.5rem;
  --g-space-12: 3rem; --g-space-16: 4rem; --g-space-20: 5rem; --g-space-24: 6rem;
  --g-radius-control: .25rem; --g-radius-panel: .375rem; --g-radius-dialog: .5rem; --g-radius-prominent: .75rem;
  --g-duration-immediate: 120ms; --g-duration-control: 180ms; --g-duration-panel: 240ms; --g-duration-major: 320ms;
  --g-ease-out: cubic-bezier(.16,1,.3,1); --g-ease-in: cubic-bezier(.7,0,.84,0);
  --g-breakpoint-xs: 30rem; --g-breakpoint-sm: 48rem; --g-breakpoint-md: 64rem; --g-breakpoint-lg: 80rem; --g-breakpoint-xl: 96rem;
  --g-status-success: #63b879; --g-status-warning: #d0a74d; --g-status-danger: #d46d68; --g-status-info: #6799d8;
  --g-focus-ring: 0 0 0 3px color-mix(in srgb, currentColor 28%, transparent);
  --g-shadow-raised: 0 8px 24px rgb(0 0 0 / 18%); --g-shadow-dialog: 0 24px 80px rgb(0 0 0 / 35%);
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }