@import url('_base.css');

/* =============================================================
   Thème « Menthe » — sarcelle, vert doux, ambiance apaisée
   ============================================================= */
html[data-app-theme="menthe"] {
  --primary: #0d9488;
  --primary-dark: #0f766e;
  --primary-bg: rgba(13, 148, 136, .12);
  --accent-purple: #059669;
  --accent-purple-bg: rgba(5, 150, 105, .12);
  --text-primary: #0c2f2b;
  --text-secondary: #2f5b55;
  --text-tertiary: #6b9089;
  --bg-white: #fbfffe;
  --bg-light: #f0fdf9;
  --bg-hover: #dcfaf3;
  --border-color: #cdeae2;
  --border-light: #e4f6f1;
  --page-bg: linear-gradient(160deg, #f0fdf9 0%, #e3f8f1 55%, #d5f2ea 100%);
  --gradient: linear-gradient(135deg, #0d9488, #34d399);
  --color-blue: #0d9488;
  --color-blue-bg: rgba(13, 148, 136, .10);
  --ce-accent: #0d9488;
  --ce-accent2: #34d399;
  --ce-bg: #e8f8f3;
  --ce-ring: rgba(13, 148, 136, .28);
  --ce-ink: #0c2f2b;
  --ce-muted: #477069;
  --cp-accent: #0d9488;
  --cp-accent2: #34d399;
  --cp-ring: rgba(13, 148, 136, .28);
  --cp-ink: #0c2f2b;
  --cp-muted: #477069;

  --th-accent: #0d9488;
  --th-accent-2: #34d399;
  --th-ink: #0c2f2b;
  --th-shadow: rgba(13, 148, 136, .40);
  --th-body-bg: linear-gradient(160deg, #f0fdf9 0%, #e3f8f1 55%, #d5f2ea 100%);
  --th-glow-a: rgba(13, 148, 136, .16);
  --th-glow-b: rgba(52, 211, 153, .14);
  --th-nav-a: #08302c;
  --th-nav-b: #0f766e;
  --th-nav-border: rgba(52, 211, 153, .36);
  --th-nav-text: #dcfaf3;
  --th-nav-text-hover: #ffffff;
  --th-nav-hover-bg: rgba(52, 211, 153, .24);
  --th-nav-icon: #6ee7b7;
  --th-nav-icon-bg: rgba(255, 255, 255, .10);
  --th-nav-icon-bg-hover: rgba(52, 211, 153, .28);
  --th-brand: #ecfdf5;
  --th-brand-accent-a: #34d399;
  --th-brand-accent-b: #2dd4bf;
  --th-brand-tagline: #6ee7b7;
  --th-surface-border: #cdeae2;
  --th-head-a: rgba(13, 148, 136, .10);
  --th-head-b: rgba(52, 211, 153, .16);
  --th-footer-a: #f0fdf9;
  --th-footer-b: #dcfaf3;
  --th-hero-a: #08302c;
  --th-hero-b: #0f766e;
  --th-hero-c: #0d9488;
  --th-dark-bg: #041c1a;
  --th-dark-glow: rgba(52, 211, 153, .16);
  --th-dark-nav-a: #041c1a;
  --th-dark-nav-b: #0a4a43;
  --th-dark-nav-text: #dcfaf3;
  --th-dark-nav-text-hover: #ffffff;
  --th-dark-nav-hover-bg: rgba(52, 211, 153, .24);
  --th-dark-nav-icon: #6ee7b7;
  --th-dark-nav-icon-bg: rgba(255, 255, 255, .08);
  --th-dark-brand: #ecfdf5;
  --th-dark-surface: #072825;
}