/* Thème « Sauge et champagne » : mise en page soignée pour le bien-être et les soins (socle : rich.css).
   Palette : sauge #a7b89f, crème #f8f4e9, sable #dcc9b1, or champagne #d4b574 (traits et ornements
   seulement, jamais en texte sur fond clair), olive #6e7b6b. Texte doré : #8f6a2f (contraste 4,47:1 sur le crème, à la limite du niveau AA).
   La couleur principale du site sert aux boutons : un vert profond (#2e3a30) est conseillé. */

.site-theme-sauge {
  --sg-cream: #f8f4e9;
  --sg-sage: #a7b89f;
  --sg-sand: #dcc9b1;
  --sg-champagne: #d4b574;
  --sg-olive: #6e7b6b;
  --sg-ink: #2b2a23;
  --sg-white: #fffdf7;
  --sg-gold-text: #8f6a2f;
  --sg-muted: #5a625b;
  --sg-night: #26302a;
  --sg-line: rgba(212, 181, 116, .55);
  --sg-line-soft: rgba(110, 123, 107, .22);
  --sg-radius: 14px;
  --sg-shadow: 0 18px 40px -18px rgba(46, 58, 48, .28);
  --sg-shadow-lg: 0 30px 60px -24px rgba(46, 58, 48, .38);
  --sg-ease: cubic-bezier(.22, .61, .36, 1);
  --sg-script: "Great Vibes", "Cormorant Garamond", "Noto Serif Thai", Georgia, serif;
  --sg-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='none' stroke='%23d4b574' stroke-width='1.1'%3E%3Cpath d='M0 16h38M82 16h38'/%3E%3Cpath d='M60 4c-4 4-6 8-6 12h12c0-4-2-8-6-12z'/%3E%3Cpath d='M54 16c-5-1-9-4-11-8 5 0 9 3 11 8zM66 16c5-1 9-4 11-8-5 0-9 3-11 8z'/%3E%3Cpath d='M48 16c-3 1-6 1-8 0M72 16c3 1 6 1 8 0'/%3E%3C/svg%3E");
  --sg-deep: #2e3a30;
  --rt-on-dark: var(--sg-cream);
  --rt-heading: var(--site-primary);
  --rt-hero-bg: rgba(243, 234, 219, .55);
  --rt-notice-bg: rgba(255, 252, 244, .94);
  --rt-media-1: #fbf7ee;
  --rt-media-2: #ece3d1;
  --rt-media-3: #d9dcc8;
  --rt-quote: #4a534b;
  --rt-video-glow: #3b4a3e;
  --rt-pill: 999px;
  --rt-hero-shape: 999px 999px var(--sg-radius) var(--sg-radius);
  --rt-light-ink: var(--sg-white);
  --rt-dark-ink: var(--sg-ink);
}

/* Palettes : seules les couleurs changent (contrastes AA vérifiés par site_builder/tests_themes.py). */
/* Palette « Lavande » */
.site-theme-sauge.site-palette-lavande {
  --sg-cream: #f6f2f8;
  --sg-white: #fffcff;
  --sg-sage: #c4b5d6;
  --sg-sand: #e2d6e8;
  --sg-champagne: #c6a979;
  --sg-olive: #76668a;
  --sg-ink: #2c2533;
  --sg-gold-text: #6c4f86;
  --sg-muted: #5d5466;
  --sg-night: #2e2638;
  --sg-deep: #3a2f45;
  --rt-on-dark: #f6f2f8;
  --rt-heading: var(--site-primary);
  --sg-line: color-mix(in srgb, #c6a979 55%, transparent);
  --sg-line-soft: color-mix(in srgb, #76668a 22%, transparent);
  --sg-shadow: 0 18px 40px -18px color-mix(in srgb, #3a2f45 28%, transparent);
  --sg-shadow-lg: 0 30px 60px -24px color-mix(in srgb, #3a2f45 38%, transparent);
  --sg-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='none' stroke='%23c6a979' stroke-width='1.1'%3E%3Cpath d='M0 16h38M82 16h38'/%3E%3Cpath d='M60 4c-4 4-6 8-6 12h12c0-4-2-8-6-12z'/%3E%3Cpath d='M54 16c-5-1-9-4-11-8 5 0 9 3 11 8zM66 16c5-1 9-4 11-8-5 0-9 3-11 8z'/%3E%3Cpath d='M48 16c-3 1-6 1-8 0M72 16c3 1 6 1 8 0'/%3E%3C/svg%3E");
  --rt-hero-bg: color-mix(in srgb, #e2d6e8 45%, transparent);
  --rt-notice-bg: color-mix(in srgb, #fffcff 94%, transparent);
  --rt-media-1: #fffcff;
  --rt-media-2: #e2d6e8;
  --rt-media-3: #c4b5d6;
  --rt-quote: color-mix(in srgb, #2c2533 75%, #5d5466);
  --rt-video-glow: color-mix(in srgb, #2e2638 75%, #76668a);
  --rt-footer-accent: #c6a979;
  --rt-reward-ink: #c6a979;
}
/* Palette « Terre cuite » */
.site-theme-sauge.site-palette-terracotta {
  --sg-cream: #f8f0e7;
  --sg-white: #fffbf5;
  --sg-sage: #ddbba2;
  --sg-sand: #e8cfb6;
  --sg-champagne: #c99561;
  --sg-olive: #8a5a3c;
  --sg-ink: #2d211a;
  --sg-gold-text: #87492a;
  --sg-muted: #655349;
  --sg-night: #33221a;
  --sg-deep: #4a2f22;
  --rt-on-dark: #f8f0e7;
  --rt-heading: var(--site-primary);
  --sg-line: color-mix(in srgb, #c99561 55%, transparent);
  --sg-line-soft: color-mix(in srgb, #8a5a3c 22%, transparent);
  --sg-shadow: 0 18px 40px -18px color-mix(in srgb, #4a2f22 28%, transparent);
  --sg-shadow-lg: 0 30px 60px -24px color-mix(in srgb, #4a2f22 38%, transparent);
  --sg-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='none' stroke='%23c99561' stroke-width='1.1'%3E%3Cpath d='M0 16h38M82 16h38'/%3E%3Cpath d='M60 4c-4 4-6 8-6 12h12c0-4-2-8-6-12z'/%3E%3Cpath d='M54 16c-5-1-9-4-11-8 5 0 9 3 11 8zM66 16c5-1 9-4 11-8-5 0-9 3-11 8z'/%3E%3Cpath d='M48 16c-3 1-6 1-8 0M72 16c3 1 6 1 8 0'/%3E%3C/svg%3E");
  --rt-hero-bg: color-mix(in srgb, #e8cfb6 45%, transparent);
  --rt-notice-bg: color-mix(in srgb, #fffbf5 94%, transparent);
  --rt-media-1: #fffbf5;
  --rt-media-2: #e8cfb6;
  --rt-media-3: #ddbba2;
  --rt-quote: color-mix(in srgb, #2d211a 75%, #655349);
  --rt-video-glow: color-mix(in srgb, #33221a 75%, #8a5a3c);
  --rt-footer-accent: #c99561;
  --rt-reward-ink: #c99561;
}
/* Palette « Brume marine » */
.site-theme-sauge.site-palette-brume {
  --sg-cream: #f1f4f5;
  --sg-white: #fcfdfd;
  --sg-sage: #b7c8cf;
  --sg-sand: #d6dde0;
  --sg-champagne: #b9a479;
  --sg-olive: #5d7480;
  --sg-ink: #1f2a30;
  --sg-gold-text: #765f33;
  --sg-muted: #4f5f67;
  --sg-night: #1f2c33;
  --sg-deep: #24343c;
  --rt-on-dark: #f1f4f5;
  --rt-heading: var(--site-primary);
  --sg-line: color-mix(in srgb, #b9a479 55%, transparent);
  --sg-line-soft: color-mix(in srgb, #5d7480 22%, transparent);
  --sg-shadow: 0 18px 40px -18px color-mix(in srgb, #24343c 28%, transparent);
  --sg-shadow-lg: 0 30px 60px -24px color-mix(in srgb, #24343c 38%, transparent);
  --sg-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='none' stroke='%23b9a479' stroke-width='1.1'%3E%3Cpath d='M0 16h38M82 16h38'/%3E%3Cpath d='M60 4c-4 4-6 8-6 12h12c0-4-2-8-6-12z'/%3E%3Cpath d='M54 16c-5-1-9-4-11-8 5 0 9 3 11 8zM66 16c5-1 9-4 11-8-5 0-9 3-11 8z'/%3E%3Cpath d='M48 16c-3 1-6 1-8 0M72 16c3 1 6 1 8 0'/%3E%3C/svg%3E");
  --rt-hero-bg: color-mix(in srgb, #d6dde0 45%, transparent);
  --rt-notice-bg: color-mix(in srgb, #fcfdfd 94%, transparent);
  --rt-media-1: #fcfdfd;
  --rt-media-2: #d6dde0;
  --rt-media-3: #b7c8cf;
  --rt-quote: color-mix(in srgb, #1f2a30 75%, #4f5f67);
  --rt-video-glow: color-mix(in srgb, #1f2c33 75%, #5d7480);
  --rt-footer-accent: #b9a479;
  --rt-reward-ink: #b9a479;
}