/*
 * @gxp-dev/mod-ui — Default Theme (light)
 *
 * shadcn "neutral" base palette. Consumers can override any of these
 * variables in their own CSS to retheme the entire kit.
 *
 * Why `:where(:root)`? Specificity 0,0,0 — a plain `:root { --foo: ... }`
 * in the consumer's stylesheet (or in our own `platform.css` bridge)
 * always wins regardless of CSS load order. Important because the
 * library's CSS auto-injects via JS on first import, which often happens
 * AFTER the consumer's static CSS imports — without this, the library's
 * defaults would clobber the consumer's theme.
 */

:where(:root) {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);

  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);

  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);

  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);

  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);

  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);

  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);

  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.985 0 0);

  --success: oklch(0.6 0.15 145);
  --success-foreground: oklch(0.985 0 0);

  --warning: oklch(0.75 0.18 75);
  --warning-foreground: oklch(0.145 0 0);

  --info: oklch(0.6 0.15 240);
  --info-foreground: oklch(0.985 0 0);

  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);

  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);

  --radius: 0.5rem;
}
