:root {
  /* Colors */
  --color-base-100: oklch(22% 0.019 237.69);
  --color-base-200: oklch(27% 0.041 260.031);
  --color-base-300: oklch(37% 0.044 257.287);
  --color-base-content: oklch(77.383% 0.043 245.096);

  --color-primary: oklch(71% 0.143 215.221);
  --color-primary-content: oklch(14.94% 0.031 39.947);

  --color-secondary: oklch(72.537% 0.177 2.72);
  --color-secondary-content: oklch(14.507% 0.035 2.72);

  --color-accent: oklch(85% 0.138 181.071);
  --color-accent-content: oklch(14.258% 0.033 299.844);

  --color-neutral: oklch(26% 0.019 237.69);
  --color-neutral-content: oklch(70% 0.019 237.69);

  --color-info: oklch(80% 0.105 251.813);
  --color-info-content: oklch(17.111% 0.017 206.015);

  --color-success: oklch(85.56% 0.085 144.778);
  --color-success-content: oklch(17.112% 0.017 144.778);

  --color-warning: oklch(76% 0.188 70.08);
  --color-warning-content: oklch(12% 0.042 264.695);

  --color-error: oklch(50% 0.213 27.518);
  --color-error-content: oklch(98% 0.003 247.858);

  /* Radius & size */
  --radius-selector: 1rem;
  --radius-field: 0.5rem;
  --radius-box: 1rem;

  --size-selector: 0.25rem;
  --size-field: 0.1875rem;

  --border: 1px;
  --depth: 1;
  --noise: 1;
  /* Minimal: subtle borders for card, fields, inputs and selects */
:root{
  --field-border: rgba(135, 134, 134, 0.035);   /* very light border */
  --field-highlight: rgba(255,255,255,0.012); /* tiny inner highlight */
  --select-bg-dark: rgba(7,20,33,0.98);       /* dropdown background fallback */
}



}