:root {
  color-scheme: light dark;

  /* Rose Pine Dawn (light) / Rose Pine (dark) color scheme matching theme */
  --background: light-dark(#fffaf3, #191724);
  --foreground: light-dark(#575279, #e0def4);
  --card: light-dark(#faf4ed, #1f1d2e);
  --card-foreground: light-dark(#575279, #e0def4);
  --primary: light-dark(#907aa9, #c4a7e7);
  --primary-foreground: light-dark(#faf4ed, #191724);
  --secondary: light-dark(#f2e9e1, #26233a);
  --secondary-foreground: light-dark(#575279, #e0def4);
  --muted: light-dark(#f2e9e1, #26233a);
  --muted-foreground: light-dark(#797593, #908caa);
  --faint: light-dark(#faf4ed, #1f1d2e);
  --faint-foreground: light-dark(#9893a5, #6e6a86);
  --accent: light-dark(#f2e9e1, #26233a);
  --danger: light-dark(#b4637a, #eb6f92);
  --danger-foreground: light-dark(#faf4ed, #191724);
  --success: light-dark(#56949f, #9ccfd8);
  --success-foreground: light-dark(#faf4ed, #191724);
  --warning: light-dark(#ea9d34, #f6c177);
  --warning-foreground: light-dark(#575279, #191724);
  --border: light-dark(#f2e9e1, #26233a);
  --input: light-dark(#f2e9e1, #26233a);
  --ring: light-dark(#907aa9, #c4a7e7);

  --container-max: 768px;
  --container-pad: 1.5rem;
  --leading-normal: 1.5;

  --font-sans: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Consolas, monospace;
}

:root.dark, body.dark, [data-theme="dark"] {
  color-scheme: dark;
}

:root.light, body.light:not(.dark), [data-theme="light"] {
  color-scheme: light;
}