:root {
  --adn-canvas: #17181c;
  --adn-surface: #1c1d21;
  --adn-ink: #e8e4d9;
  --adn-muted: #8a8680;
  --adn-accent: #8fb6e8;
  --adn-accent-ink: #8fb6e8;
  --adn-accent-strong: #8fb6e8;
  --adn-on-accent: #17181c;
  --adn-rule: #2a2a28;
  --adn-radius: 8px;
  --font-display: "Outfit", "Helvetica Neue", sans-serif;
  --font-body: "Outfit", "Helvetica Neue", sans-serif;
  --font-size-body: 16px;
  --adn-app-canvas: #17181c;
  --adn-radius-sm: max(2px, calc(var(--adn-radius) * 0.5));
  --adn-radius-lg: calc(var(--adn-radius) * 1.375);
  --letter-spacing-body: 0.5px;
  --font-size-body-ui: var(--font-size-body);
}

html[data-adn="laboratoire"] {
  --adn-canvas: #17181c;
  --adn-surface: #1c1d21;
  --adn-ink: #e8e4d9;
  --adn-muted: #8a8680;
  --adn-accent: #8fb6e8;
  --adn-accent-ink: #8fb6e8;
  --adn-accent-strong: #8fb6e8;
  --adn-on-accent: #17181c;
  --adn-rule: #2a2a28;
}

html[data-adn="laboratoire"][data-theme="light"] {
  --adn-canvas: #eef2f8;
  --adn-surface: #fbfcfe;
  --adn-ink: #101826;
  --adn-muted: #5b6b82;
  --adn-accent: #3d6da3;
  --adn-accent-ink: #1f4e79;
  --adn-accent-strong: #3d6da3;
  --adn-on-accent: #fbfcfe;
  --adn-rule: #d5dfeb;
  --adn-app-canvas: #f6f8fc;
}

html[data-adn="studio"] {
  --adn-canvas: #091329;
  --adn-surface: #1a315c;
  --adn-ink: #f4f4f4;
  --adn-muted: #7f8ca7;
  --adn-accent: #d39043;
  --adn-accent-ink: #d39043;
  --adn-accent-strong: #d39043;
  --adn-on-accent: #091329;
  --adn-rule: #355185;
}

html[data-adn="atelier"], [data-adn="atelier"] {
  --adn-canvas: #f4efe4;
  --adn-surface: #fffdf8;
  --adn-ink: #1a1814;
  --adn-muted: #6b6458;
  --adn-accent: #b1722a;
  --adn-accent-ink: #8c5a1f;
  --adn-accent-strong: #7a4f1b;
  --adn-on-accent: #f4efe4;
  --adn-rule: #d9d0c3;
}