/* @makedir/sites-ui default semantic tokens (ThemeRoot / published sites) */
:root, [data-sites-ui-theme] {
  --su-color-primary: #2563eb;
  --su-color-primary-foreground: #ffffff;
  --su-color-background: #ffffff;
  --su-color-foreground: #0f172a;
  --su-color-muted: #f1f5f9;
  --su-color-muted-foreground: #64748b;
  --su-color-border: #e2e8f0;
  --su-color-card: #ffffff;
  --su-color-danger: #dc2626;
  --su-color-focus-ring: #93c5fd;
  --su-color-warning: #f59e0b;
  --su-color-warning-foreground: #ffffff;
  --su-color-success: #059669;
  --su-color-rating: #fde047;
  --su-color-overlay: #000000;
  --su-color-on-media: #ffffff;
  --su-color-info: #1d4ed8;
  --su-color-processing: #7e22ce;
  --su-font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --su-font-family-heading: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --su-font-size-base: 1rem;
  --su-font-size-xs: 0.64rem;
  --su-font-size-sm: 0.875rem;
  --su-font-size-lg: 1.25rem;
  --su-font-size-xl: 1.5625rem;
  --su-font-size-2xl: 1.953125rem;
  --su-font-size-3xl: 2.44140625rem;
  --su-font-size-4xl: 3.0517578125rem;
  --su-space-1: 0.25rem;
  --su-space-1-5: 0.375rem;
  --su-space-2: 0.5rem;
  --su-space-2-5: 0.625rem;
  --su-space-3: 0.75rem;
  --su-space-4: 1rem;
  --su-space-5: 1.25rem;
  --su-space-6: 1.5rem;
  --su-space-8: 2rem;
  --su-space-10: 2.5rem;
  --su-space-12: 3rem;
  --su-space-14: 3.5rem;
  --su-space-16: 4rem;
  --su-space-20: 5rem;
  --su-radius-control: 0.5rem;
  --su-radius-surface: 0.75rem;
  --su-radius-pill: 624.9375rem;
  --su-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --su-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --su-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --su-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}