/*
  Neutral defaults for the token vocabulary scrim's components are written against.

  The names are not ours.  They are the standard Tailwind v4 / shadcn set, which is
  also what x2ds's own tokens.css defines.  That is the entire point: every colour in
  every scrim component reaches it through one of these names, so adopting the AlgoX2
  look later means loading x2ds's tokens.css instead of this file.  No component is
  touched, and nothing here is a dependency.

  Load this before styles.css, or replace it — those are the only two supported moves.

  Light lives on :root, dark is restated under .dark.  That mirrors how x2ds structures
  its file, so a reader who knows one knows the other.  --radius is not restated: it is
  the same shape in both themes, and repeating it would only invite the two to drift.

  Two of these carry more meaning in scrim than they do elsewhere, and it is worth
  saying so plainly: callouts colour themselves from --primary, --brand, --destructive
  and the --accent / --accent-foreground pair.  The pair is tinted green here so a
  "check" callout reads as a success.  Under a design system whose accent is a plain
  neutral surface, a check callout goes grey and still reads as a callout.  That is the
  known and accepted cost of keeping the vocabulary closed.
*/

:root {
  color-scheme: light;

  --background: oklch(1 0 0);
  --foreground: oklch(0.21 0.02 265);

  --card: oklch(1 0 0);
  --card-foreground: oklch(0.21 0.02 265);

  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.21 0.02 265);

  --primary: oklch(0.55 0.14 255);
  --primary-foreground: oklch(0.98 0.01 255);

  --secondary: oklch(0.96 0.005 265);
  --secondary-foreground: oklch(0.28 0.02 265);

  --muted: oklch(0.97 0.004 265);
  --muted-foreground: oklch(0.52 0.02 265);

  --accent: oklch(0.95 0.03 160);
  --accent-foreground: oklch(0.45 0.1 160);

  --border: oklch(0.92 0.006 265);
  --input: oklch(0.92 0.006 265);
  --ring: oklch(0.55 0.14 255);

  --destructive: oklch(0.58 0.21 27);

  --brand: oklch(0.7 0.16 70);

  --radius: 0.625rem;
}

.dark {
  color-scheme: dark;

  --background: oklch(0.16 0.015 265);
  --foreground: oklch(0.96 0.005 265);

  --card: oklch(0.2 0.017 265);
  --card-foreground: oklch(0.96 0.005 265);

  --popover: oklch(0.2 0.017 265);
  --popover-foreground: oklch(0.96 0.005 265);

  --primary: oklch(0.7 0.13 255);
  --primary-foreground: oklch(0.18 0.03 255);

  --secondary: oklch(0.27 0.02 265);
  --secondary-foreground: oklch(0.96 0.005 265);

  --muted: oklch(0.26 0.018 265);
  --muted-foreground: oklch(0.7 0.02 265);

  --accent: oklch(0.28 0.04 160);
  --accent-foreground: oklch(0.78 0.13 160);

  --border: oklch(0.32 0.02 265);
  --input: oklch(0.34 0.02 265);
  --ring: oklch(0.7 0.13 255);

  --destructive: oklch(0.65 0.19 27);

  --brand: oklch(0.78 0.15 70);
}