/* Palette Elementor kit Remire-Montjoly (elementor-kit-15429) */
:root {
  /* Core kit (console / legacy) */
  --rm-primary: #077b3a;
  --rm-secondary: #171717;
  --rm-text: #696b7e;
  --rm-accent: #61ce70;
  --rm-lime: #b2ff59;
  --rm-red: #d63516;
  --rm-yellow: #f8e818;
  --rm-gold: #f9bd67;
  --rm-gold-soft: #fbd29d;
  --rm-amber: #ffcf03;
  --rm-ink: #1d1d1b;
  --rm-surface: #ffffff;
  --rm-surface-muted: #f7f8f7;

  /* Cartes services Remire — Mes démarches / Ma Ville / Mon Quotidien / Culture·Sport·Asso */
  --rm-peach: #fbd6a2;
  --rm-peach-deep: #e9a85c;
  --rm-teal: #50bac7;
  --rm-teal-deep: #007f8b;
  --rm-rose: #ffc4ca;
  --rm-rose-deep: #fb626b;
  --rm-mint: #b6e5df;
  --rm-mint-deep: #3ebbc8;
  --rm-coral: #fb626b;
  --rm-pink-soft: #ffc5c9;
  --rm-cyan: #3ebbc8;
  --rm-aqua: #48b8c2;
  --rm-aqua-soft: #a7f6ff;

  /* Alias design-system */
  --ds-color-primary: var(--rm-primary);
  --ds-color-primary-hover: #056832;
  --ds-color-primary-soft: color-mix(in srgb, var(--rm-primary) 12%, #fff);
  --ds-color-accent: var(--rm-accent);
  --ds-color-danger: var(--rm-red);
  --ds-color-danger-hover: #b82c12;
  --ds-color-yellow: var(--rm-yellow);
  --ds-color-yellow-ink: #6b6400;
  --ds-color-red: var(--rm-red);
  --ds-color-gold: var(--rm-gold);

  --ds-color-text: var(--rm-secondary);
  --ds-color-text-muted: var(--rm-text);
  --ds-color-label: #3a3c4a;
  --ds-color-border: #d8dbe3;
  --ds-color-border-strong: #e8eaef;
  --ds-color-surface: var(--rm-surface);
  --ds-color-surface-muted: var(--rm-surface-muted);

  --ds-focus-ring: rgb(7 123 58 / 0.22);

  --ds-radius-control: 0.75rem;
  --ds-radius-panel: 1rem;
  --ds-radius-pill: 30px;

  /* Typo Elementor Remire : primary=Inter, text=Manjari, accent=Poppins.
     Manjari est self-hostée avec ascent/descent normalisés (fonts.css). */
  --ds-font-display: "Inter", "Poppins", sans-serif;
  --ds-font-sans: "Manjari", "Inter", sans-serif;
  --ds-font-accent: "Poppins", "Inter", sans-serif;
  --ds-font-button: var(--ds-font-accent);
  --ds-font-tag: var(--ds-font-display);

  --ds-font-size-label: 0.875rem;
  --ds-font-size-control: 0.9375rem;
  --ds-font-size-hint: 0.8125rem;

  --ds-control-padding-y: 0.75rem;
  --ds-control-padding-x: 1rem;
  --ds-button-padding-y: 0.625rem;
  --ds-button-padding-x: 1rem;
  --ds-button-line-height: 1.2;
  --ds-button-min-height: 2.5rem;
  --rm-btn-min-height: 3.5rem;

  --rm-gradient-bar: linear-gradient(
    to right,
    #f8e818,
    #d63516
  );
  --rm-gradient-nav: linear-gradient(
    50deg,
    #077b3a,
    #61ce70
  );
  /* Bordures / cards type site Remire */
  --rm-gradient-separator: linear-gradient(
    50deg,
    #d63516,
    #f8e818,
    #d63516,
    #f8e818,
    #d63516,
    #f8e818
  );
}

/* Partie publique / landing : palette 4 couleurs Remire (plus de R/V/J) */
body:not(.admin-ui) {
  --rm-primary: var(--rm-teal-deep);
  --rm-gold: var(--rm-peach);
  --rm-gold-soft: #fbe6cc;
  --rm-yellow: var(--rm-peach);
  --rm-amber: var(--rm-peach-deep);
  --rm-red: var(--rm-rose-deep);
  --rm-accent: var(--rm-teal);

  --ds-color-primary: var(--rm-teal-deep);
  --ds-color-primary-hover: #006670;
  --ds-color-primary-soft: color-mix(in srgb, var(--rm-teal-deep) 12%, #fff);
  --ds-color-accent: var(--rm-teal);
  --ds-color-danger: var(--rm-rose-deep);
  --ds-color-danger-hover: #e04e58;
  --ds-color-yellow: var(--rm-peach);
  --ds-color-yellow-ink: #8a5a20;
  --ds-color-red: var(--rm-rose-deep);
  --ds-color-gold: var(--rm-peach-deep);
  --ds-focus-ring: rgb(0 127 139 / 0.22);

  /* Chrome UI (header / séparateurs) : dégradés exacts remire-montjoly.fr */
  --rm-gradient-bar: linear-gradient(to right, #f8e818, #d63516);
  --rm-gradient-nav: linear-gradient(50deg, #077b3a, #61ce70);
  --rm-gradient-separator: linear-gradient(
    50deg,
    #d63516,
    #f8e818,
    #d63516,
    #f8e818,
    #d63516,
    #f8e818
  );
}