@import "./utility.css";

@plugin "duskmoonui/theme" {
  name: "moonlight";
  default: false; /* only one theme should be default */
  prefersdark: true;
  color-scheme: "dark";

  /* Base: keep your hue, but improve step contrast (100/200/300) for depth */
  --color-base-100: oklch(20% 0.018 237.69);
  --color-base-200: oklch(17% 0.017 237.69);
  --color-base-300: oklch(14% 0.016 237.69);

  /* Content: make “main text” more neutral/legible while staying moonlit */
  --color-base-content: oklch(90% 0.012 245.096);

  /* SOUL (locked) */
  --color-primary: oklch(85.45% 0 0);
  --color-primary-content: oklch(14.94% 0.031 39.947);

  /* Secondary (locked) */
  --color-secondary: oklch(83.33% 0.0981 73.78);
  --color-secondary-content: oklch(14.507% 0.035 2.72);

  /* Accent: keep your vibe, but make content safer (less tinted text) */
  --color-accent: oklch(75.65% 0.1303 335.51);
  --color-accent-content: oklch(14% 0.012 335.51);

  /* Neutral: lift neutral-content so muted text/icons don’t look “disabled” */
  --color-neutral: oklch(24% 0.008 240);
  --color-neutral-content: oklch(78% 0.010 240);

  /* Semantic: keep your colors, standardize content for filled components */
  --color-info: oklch(82.42% 0.0976 240.77);
  --color-info-content: oklch(15% 0.010 240.77);

  --color-success: oklch(82.19% 0.0621 133.3);
  --color-success-content: oklch(15% 0.010 133.3);

  --color-warning: oklch(76.36% 0.1753 61.96);
  --color-warning-content: oklch(15% 0.010 61.96);

  --color-error: oklch(46.38% 0.1898 29.17);
  --color-error-content: oklch(92% 0.010 29.17);

  --radius-selector: 0rem;
  --radius-field: 0.5rem;
  --radius-box: 2rem;
  --size-selector: 0.1875rem;
  --size-field: 0.1875rem;
  --border: 0.5px;
  --depth: 1;
  --noise: 1;
}