/* Thème DARK */
:root[data-theme="signalit-dark"] {
  color-scheme: dark;

  --color-base-100: oklch(21% 0.006 285.885);
  --color-base-200: oklch(27% 0.006 286.033);
  --color-base-300: oklch(37% 0.013 285.805);
  --color-base-content: oklch(96% 0.001 286.375);

  --color-primary: oklch(0.8606 0.1655 95.19);
  --color-primary-content: oklch(12% 0.042 264.695);

  --color-secondary: oklch(0.3507 0.1644 280.59);
  --color-secondary-content: oklch(98% 0.003 247.858);

  --color-accent: oklch(0.73 0.149198 88.4783);
  --color-accent-content: oklch(12% 0.042 264.695);

  --color-neutral: oklch(44% 0.017 285.786);
  --color-neutral-content: oklch(98% 0 0);

  --color-info: oklch(70% 0.165 254.624);
  --color-info-content: oklch(28% 0.091 267.935);

  --color-success: oklch(76% 0.233 130.85);
  --color-success-content: oklch(26% 0.065 152.934);

  --color-warning: oklch(75% 0.183 55.934);
  --color-warning-content: oklch(26% 0.079 36.259);

  --color-error: oklch(70% 0.191 22.216);
  --color-error-content: oklch(25% 0.092 26.042);

  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 1rem;

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

  --border: 1px;
  --depth: 0;
  --noise: 0;
}


body {
    font-family: "Roboto", "Segoe UI", system-ui, -apple-system, sans-serif;
}

@view-transition {
  navigation: auto;
}