:root {
  --background: #fffefa;
  --foreground: #0d1f18;
  --card: #ffffff;
  --card-foreground: #0d1f18;
  --muted: #f4f7f1;
  --muted-foreground: #52655d;
  --border: #e3eadf;
  --input: #e3eadf;
  --ring: #0b4b3b;
  --primary: #0b4b3b;
  --primary-foreground: #f8fff9;
  --secondary: #f7faf4;
  --secondary-foreground: #123328;
  --accent: #1fae78;
  --accent-foreground: #f8fff9;
  --radius: 18px;
  --cta-radius: 999px;
  --control-radius: 12px;
  --ds-neutral-bg: #ffffff;
  --ds-neutral-border: #e3eadf;
  --ds-neutral-foreground: #52655d;
  --ds-neutral-icon: #0b4b3b;
  --ds-success-bg: #e4f8dc;
  --ds-success-border: #99d58a;
  --ds-success-foreground: #153d22;
  --ds-success-icon: #147a4d;
  --ds-warning-bg: #fff8db;
  --ds-warning-border: #f2c94c;
  --ds-warning-foreground: #59440a;
  --ds-warning-icon: #9f7600;
  --ds-error-bg: #fff0ee;
  --ds-error-border: #f3a39c;
  --ds-error-foreground: #71251f;
  --ds-error-icon: #b63b31;
  --ds-info-bg: #e9f8f2;
  --ds-info-border: #91d7bd;
  --ds-info-foreground: #123e32;
  --ds-info-icon: #12805f;
  --editorial-info-bg: #e9f8f2;
  --editorial-info-border: #91d7bd;
  --editorial-info-foreground: #123e32;
  --editorial-info-muted: #315e50;
  --editorial-info-icon-bg: #c9f0df;
  --editorial-warning-bg: #fff8db;
  --editorial-warning-border: #f2c94c;
  --editorial-warning-foreground: #4f3c08;
  --editorial-warning-muted: #765a08;
  --editorial-warning-icon-bg: #ffefaa;
  --editorial-advice-bg: #e4f8dc;
  --editorial-advice-border: #99d58a;
  --editorial-advice-foreground: #153d22;
  --editorial-advice-muted: #24683d;
  --editorial-advice-icon-bg: #c9efbd;
  --editorial-definition-bg: #ffffff;
  --editorial-definition-border: #e3eadf;
  --editorial-definition-foreground: #0d1f18;
  --editorial-definition-muted: #52655d;
  --editorial-definition-icon-bg: #e4f5da;
  --editorial-faq-bg: #fff8db;
  --editorial-faq-border: #f2c94c;
  --editorial-faq-foreground: #4f3c08;
  --editorial-faq-muted: #765a08;
  --editorial-faq-icon-bg: #ffefaa;
  --chart-primary: #00a5ef;
  --chart-secondary: #c8a24a;
  --chart-positive: #00bb7f;
  --chart-warning: #f99c00;
  --chart-neutral: #90a1b9;
}
.dark {
  --background: #07120e;
  --foreground: #f4fff7;
  --card: #0d1f18;
  --card-foreground: #f4fff7;
  --muted: #163428;
  --muted-foreground: #a8c5b9;
  --border: #214438;
  --input: #214438;
  --ring: #8ee9c1;
  --primary: #b8f3d1;
  --primary-foreground: #07120e;
  --secondary: #123026;
  --secondary-foreground: #e5fff0;
  --accent: #8ee9c1;
  --accent-foreground: #07120e;
  --radius: 18px;
  --cta-radius: 999px;
  --control-radius: 12px;
  --ds-neutral-bg: #0d1f18;
  --ds-neutral-border: #214438;
  --ds-neutral-foreground: #c7ddd4;
  --ds-neutral-icon: #b8f3d1;
  --ds-success-bg: #0e2e1d;
  --ds-success-border: #348e55;
  --ds-success-foreground: #d7fbdc;
  --ds-success-icon: #8be7a2;
  --ds-warning-bg: #2f260c;
  --ds-warning-border: #b89322;
  --ds-warning-foreground: #fff1b8;
  --ds-warning-icon: #f2c94c;
  --ds-error-bg: #3b1513;
  --ds-error-border: #b44a42;
  --ds-error-foreground: #ffe0dc;
  --ds-error-icon: #ff9e94;
  --ds-info-bg: #0c2d24;
  --ds-info-border: #238d69;
  --ds-info-foreground: #daf7ec;
  --ds-info-icon: #95efc6;
  --editorial-info-bg: #0c2d24;
  --editorial-info-border: #238d69;
  --editorial-info-foreground: #daf7ec;
  --editorial-info-muted: #b8f3d1;
  --editorial-info-icon-bg: #154b3b;
  --editorial-warning-bg: #2f260c;
  --editorial-warning-border: #b89322;
  --editorial-warning-foreground: #fff1b8;
  --editorial-warning-muted: #ffe27c;
  --editorial-warning-icon-bg: #5a450d;
  --editorial-advice-bg: #0e2e1d;
  --editorial-advice-border: #348e55;
  --editorial-advice-foreground: #d7fbdc;
  --editorial-advice-muted: #b8f3d1;
  --editorial-advice-icon-bg: #1c5630;
  --editorial-definition-bg: #0d1f18;
  --editorial-definition-border: #31584a;
  --editorial-definition-foreground: #f4fff7;
  --editorial-definition-muted: #c7ddd4;
  --editorial-definition-icon-bg: #163428;
  --editorial-faq-bg: #2f260c;
  --editorial-faq-border: #b89322;
  --editorial-faq-foreground: #fff1b8;
  --editorial-faq-muted: #ffe27c;
  --editorial-faq-icon-bg: #5a450d;
  --chart-primary: #77d4ff;
  --chart-secondary: #d6b45a;
  --chart-positive: #5ee9b5;
  --chart-warning: #ffd236;
  --chart-neutral: #94a3b8;
}
.commentplacer-public-site [data-cta-primary],
.commentplacer-public-site [data-cta-secondary],
.commentplacer-public-site [data-card-primary-cta] {
  border-radius: var(--cta-radius);
}
.commentplacer-public-site [data-cta-primary] svg:last-child,
.commentplacer-public-site [data-card-primary-cta] svg:last-child {
  transition: transform 180ms ease;
}
.commentplacer-public-site [data-cta-primary]:hover svg:last-child,
.commentplacer-public-site [data-card-primary-cta]:hover svg:last-child {
  transform: translateX(0.25rem);
}

.commentplacer-public-site {
  --digital-mint: #1fae78;
  --digital-heading: #0b4b3b;
  --background: #fffefa;
  --foreground: #0d1f18;
  --card: #ffffff;
  --card-foreground: #0d1f18;
  --muted: #f4f7f1;
  --muted-foreground: #52655d;
  --border: #e3eadf;
  --input: #e3eadf;
  --ring: #12805f;
  --primary: #0b4b3b;
  --primary-foreground: #f8fff9;
  --secondary: #f7faf4;
  --secondary-foreground: #123328;
  --accent: #1fae78;
  --accent-foreground: #f8fff9;
  --radius: 1.15rem;
}

.dark .commentplacer-public-site {
  --digital-mint: #8ee9c1;
  --digital-mint-on-primary: #0b4b3b;
  --digital-heading: #e5fff0;
  --background: #07120e;
  --foreground: #f4fff7;
  --card: #0d1f18;
  --card-foreground: #f4fff7;
  --muted: #163428;
  --muted-foreground: #a8c5b9;
  --border: #214438;
  --input: #214438;
  --ring: #f2c94c;
  --primary: #b8f3d1;
  --primary-foreground: #07120e;
  --secondary: #123026;
  --secondary-foreground: #e5fff0;
  --accent: #8ee9c1;
  --accent-foreground: #07120e;

  --ds-neutral-bg: #0d1f18;
  --ds-neutral-border: #214438;
  --ds-neutral-foreground: #c7ddd4;
  --ds-neutral-icon: #b8f3d1;
  --ds-success-bg: #0e2e1d;
  --ds-success-border: #348e55;
  --ds-success-foreground: #d7fbdc;
  --ds-success-icon: #8be7a2;
  --ds-warning-bg: #2f260c;
  --ds-warning-border: #b89322;
  --ds-warning-foreground: #fff1b8;
  --ds-warning-icon: #f2c94c;
  --ds-error-bg: #3b1513;
  --ds-error-border: #b44a42;
  --ds-error-foreground: #ffe0dc;
  --ds-error-icon: #ff9e94;
  --ds-info-bg: #0c2d24;
  --ds-info-border: #238d69;
  --ds-info-foreground: #daf7ec;
  --ds-info-icon: #95efc6;

  --editorial-info-bg: #0c2d24;
  --editorial-info-border: #238d69;
  --editorial-info-foreground: #daf7ec;
  --editorial-info-muted: #b8f3d1;
  --editorial-info-icon-bg: #154b3b;
  --editorial-warning-bg: #2f260c;
  --editorial-warning-border: #b89322;
  --editorial-warning-foreground: #fff1b8;
  --editorial-warning-muted: #ffe27c;
  --editorial-warning-icon-bg: #5a450d;
  --editorial-advice-bg: #0e2e1d;
  --editorial-advice-border: #348e55;
  --editorial-advice-foreground: #d7fbdc;
  --editorial-advice-muted: #b8f3d1;
  --editorial-advice-icon-bg: #1c5630;
  --editorial-definition-bg: #0d1f18;
  --editorial-definition-border: #31584a;
  --editorial-definition-foreground: #f4fff7;
  --editorial-definition-muted: #c7ddd4;
  --editorial-definition-icon-bg: #163428;
  --editorial-faq-bg: #2f260c;
  --editorial-faq-border: #b89322;
  --editorial-faq-foreground: #fff1b8;
  --editorial-faq-muted: #ffe27c;
  --editorial-faq-icon-bg: #5a450d;
}

.commentplacer-public-site header {
  border-bottom-color: color-mix(in srgb, var(--border) 72%, transparent);
  background: color-mix(in srgb, var(--background) 86%, transparent);
}

.commentplacer-public-site [href="#simulateurs"],
.commentplacer-public-site [href="/#contact"] {
  border-radius: var(--cta-radius);
}

.commentplacer-public-site a.inline-flex.bg-primary,
.commentplacer-public-site a.inline-flex.bg-accent,
.commentplacer-public-site a.inline-flex[class*="bg-primary"],
.commentplacer-public-site a.inline-flex[class*="bg-accent"] {
  border-radius: var(--cta-radius);
}

.commentplacer-public-site [data-card-primary-cta] {
  min-height: 2.75rem;
  border-radius: var(--cta-radius);
  background: var(--primary);
  color: var(--primary-foreground);
  padding: 0.625rem 1rem;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 18%, transparent);
}

.commentplacer-public-site [data-card-primary-cta]:hover {
  background: color-mix(in srgb, var(--primary) 92%, var(--digital-mint));
  color: var(--primary-foreground);
}

.commentplacer-public-site a.inline-flex.border.bg-background,
.commentplacer-public-site a.inline-flex.border[class*="bg-background"] {
  border-color: color-mix(in srgb, var(--digital-mint) 76%, var(--border));
}

.commentplacer-public-site a.inline-flex.border.bg-background:hover,
.commentplacer-public-site a.inline-flex.border[class*="bg-background"]:hover {
  border-color: color-mix(in srgb, var(--digital-mint) 76%, var(--border));
  color: var(--digital-mint);
}

.commentplacer-public-site .group:hover .group-hover\:text-accent {
  color: var(--digital-mint);
}

.commentplacer-public-site .group\/item:hover .group-hover\/item\:text-accent {
  color: var(--digital-mint);
}

.commentplacer-public-site h1,
.commentplacer-public-site h2 {
  color: var(--digital-heading);
}

.commentplacer-public-site [data-editorial-content] > h3 {
  color: var(--digital-heading);
}

.commentplacer-public-site [data-editorial-content] a {
  color: var(--digital-mint) !important;
  text-decoration-color: color-mix(in srgb, var(--digital-mint) 42%, transparent) !important;
}

.commentplacer-public-site [data-editorial-content] a:hover {
  color: var(--digital-mint) !important;
  text-decoration-color: var(--digital-mint) !important;
}

.commentplacer-public-site [data-editorial-content] a.bg-primary,
.commentplacer-public-site [data-editorial-content] a[class*="bg-primary"],
.commentplacer-public-site [data-editorial-content] span.bg-primary,
.commentplacer-public-site [data-editorial-content] span[class*="bg-primary"] {
  min-height: 2.75rem;
  border-radius: var(--cta-radius);
  background: var(--primary);
  color: var(--primary-foreground) !important;
  padding: 0.625rem 1rem;
  text-decoration-line: none;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--primary) 18%, transparent);
}

.commentplacer-public-site [data-editorial-content] a.bg-primary:hover,
.commentplacer-public-site [data-editorial-content] a[class*="bg-primary"]:hover,
.commentplacer-public-site [data-editorial-content] span.bg-primary:hover,
.commentplacer-public-site [data-editorial-content] span[class*="bg-primary"]:hover {
  background: color-mix(in srgb, var(--primary) 92%, var(--digital-mint));
  color: var(--primary-foreground) !important;
  text-decoration-line: none;
}

.commentplacer-public-site .bg-primary h1,
.commentplacer-public-site .bg-primary h2,
.commentplacer-public-site [class*="bg-primary"] h1,
.commentplacer-public-site [class*="bg-primary"] h2 {
  color: var(--primary-foreground);
}

.dark .commentplacer-public-site .bg-primary .text-accent,
.dark .commentplacer-public-site [class*="bg-primary"] .text-accent,
.dark .commentplacer-public-site .bg-primary .group-hover\:text-accent,
.dark .commentplacer-public-site [class*="bg-primary"] .group-hover\:text-accent,
.dark .commentplacer-public-site .bg-primary:hover .group-hover\:text-accent,
.dark .commentplacer-public-site [class*="bg-primary"]:hover .group-hover\:text-accent {
  color: var(--digital-mint-on-primary);
}

.commentplacer-public-site [data-home-hero] {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--digital-mint) 5%, transparent), transparent 38%),
    var(--background);
}

.commentplacer-public-site .text-accent {
  color: var(--digital-mint) !important;
}


.commentplacer-public-site .shadow-2xl,
.commentplacer-public-site .shadow-xl {
  box-shadow: 0 28px 80px color-mix(in srgb, var(--primary) 18%, transparent);
}