/* ============================================================
 *  Peerly — Palettes (13 ambiances)
 *  v8.2.0 — plus de couleurs, plus visibles
 * ============================================================ */

/* ============================================================
 *  ORANGE — Signature Peerly (défaut)
 * ============================================================ */
:root[data-palette="orange"][data-mode="dark"] {
  --p-primary:                  #FF8A50;
  --p-on-primary:               #1A0700;
  --p-primary-container:        #FFB88C;
  --p-on-primary-container:     #3D1100;
  --p-primary-soft:             rgba(255, 138, 80, 0.22);
  --p-secondary:                #D4CFC7;
  --p-on-secondary:             #1A1917;
  --p-secondary-container:      #3D3934;
  --p-on-secondary-container:   #F0ECE5;
}
:root[data-palette="orange"][data-mode="light"] {
  --p-primary:                  #E85D2A;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #FFDCCB;
  --p-on-primary-container:     #4A1200;
  --p-primary-soft:             rgba(232, 93, 42, 0.16);
  --p-secondary:                #6B6864;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #F0ECE5;
  --p-on-secondary-container:   #1A1917;
}

/* ============================================================
 *  BLEU — Calme, professionnel
 * ============================================================ */
:root[data-palette="blue"][data-mode="dark"] {
  --p-primary:                  #6CB4FF;
  --p-on-primary:               #001A3D;
  --p-primary-container:        #A0CFFF;
  --p-on-primary-container:     #002A66;
  --p-primary-soft:             rgba(108, 180, 255, 0.22);
  --p-secondary:                #BAC4D4;
  --p-on-secondary:             #101822;
  --p-secondary-container:      #323C4C;
  --p-on-secondary-container:   #E0E6F0;
}
:root[data-palette="blue"][data-mode="light"] {
  --p-primary:                  #2065D9;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #D0E2FF;
  --p-on-primary-container:     #001A4D;
  --p-primary-soft:             rgba(32, 101, 217, 0.14);
  --p-secondary:                #56616E;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #E0E6F0;
  --p-on-secondary-container:   #101822;
}

/* ============================================================
 *  VERT — Frais, naturel
 * ============================================================ */
:root[data-palette="green"][data-mode="dark"] {
  --p-primary:                  #5BE594;
  --p-on-primary:               #042A14;
  --p-primary-container:        #95F0BB;
  --p-on-primary-container:     #0B3F20;
  --p-primary-soft:             rgba(91, 229, 148, 0.22);
  --p-secondary:                #B8CCBC;
  --p-on-secondary:             #102016;
  --p-secondary-container:      #334438;
  --p-on-secondary-container:   #E0E8E2;
}
:root[data-palette="green"][data-mode="light"] {
  --p-primary:                  #0F8A3F;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #BBF7D0;
  --p-on-primary-container:     #052E16;
  --p-primary-soft:             rgba(15, 138, 63, 0.14);
  --p-secondary:                #4E6056;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #E0E8E2;
  --p-on-secondary-container:   #102016;
}

/* ============================================================
 *  VIOLET — Créatif, chaleureux
 * ============================================================ */
:root[data-palette="violet"][data-mode="dark"] {
  --p-primary:                  #BC9EFF;
  --p-on-primary:               #1F0A4D;
  --p-primary-container:        #D4C1FF;
  --p-on-primary-container:     #2E1066;
  --p-primary-soft:             rgba(188, 158, 255, 0.22);
  --p-secondary:                #C8C3D6;
  --p-on-secondary:             #1A1420;
  --p-secondary-container:      #3E3848;
  --p-on-secondary-container:   #E8E4F0;
}
:root[data-palette="violet"][data-mode="light"] {
  --p-primary:                  #6D28D9;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #EDDFFF;
  --p-on-primary-container:     #22076B;
  --p-primary-soft:             rgba(109, 40, 217, 0.14);
  --p-secondary:                #5A5468;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #E8E4F0;
  --p-on-secondary-container:   #1A1420;
}

/* ============================================================
 *  ROSE — Doux, chaleureux
 * ============================================================ */
:root[data-palette="rose"][data-mode="dark"] {
  --p-primary:                  #FF9CC1;
  --p-on-primary:               #3D0418;
  --p-primary-container:        #FFC0D5;
  --p-on-primary-container:     #5C0B2A;
  --p-primary-soft:             rgba(255, 156, 193, 0.22);
  --p-secondary:                #D4C2C8;
  --p-on-secondary:             #1E1418;
  --p-secondary-container:      #46363E;
  --p-on-secondary-container:   #F0E4E9;
}
:root[data-palette="rose"][data-mode="light"] {
  --p-primary:                  #DB2777;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #FFD6E4;
  --p-on-primary-container:     #4D0829;
  --p-primary-soft:             rgba(219, 39, 119, 0.14);
  --p-secondary:                #6B5A62;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #F0E4E9;
  --p-on-secondary-container:   #1E1418;
}

/* ============================================================
 *  ROUGE — Vif, énergique
 * ============================================================ */
:root[data-palette="red"][data-mode="dark"] {
  --p-primary:                  #FF7B7B;
  --p-on-primary:               #3D0505;
  --p-primary-container:        #FFAEAE;
  --p-on-primary-container:     #5C0A0A;
  --p-primary-soft:             rgba(255, 123, 123, 0.22);
  --p-secondary:                #D4C2C2;
  --p-on-secondary:             #1E1414;
  --p-secondary-container:      #463636;
  --p-on-secondary-container:   #F0E4E4;
}
:root[data-palette="red"][data-mode="light"] {
  --p-primary:                  #DC2626;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #FFD4D4;
  --p-on-primary-container:     #4D0808;
  --p-primary-soft:             rgba(220, 38, 38, 0.14);
  --p-secondary:                #6B5A5A;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #F0E4E4;
  --p-on-secondary-container:   #1E1414;
}

/* ============================================================
 *  AMBRE — Doré, chaleureux
 * ============================================================ */
:root[data-palette="amber"][data-mode="dark"] {
  --p-primary:                  #FFC24A;
  --p-on-primary:               #3D2800;
  --p-primary-container:        #FFD88A;
  --p-on-primary-container:     #5C3D05;
  --p-primary-soft:             rgba(255, 194, 74, 0.22);
  --p-secondary:                #D4C9B2;
  --p-on-secondary:             #1E1A0F;
  --p-secondary-container:      #463D2A;
  --p-on-secondary-container:   #F0E9D6;
}
:root[data-palette="amber"][data-mode="light"] {
  --p-primary:                  #D97706;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #FFE9B8;
  --p-on-primary-container:     #4D2800;
  --p-primary-soft:             rgba(217, 119, 6, 0.14);
  --p-secondary:                #6B6049;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #F0E9D6;
  --p-on-secondary-container:   #1E1A0F;
}

/* ============================================================
 *  SARCEL — Cyan doux
 * ============================================================ */
:root[data-palette="teal"][data-mode="dark"] {
  --p-primary:                  #52DDD4;
  --p-on-primary:               #002822;
  --p-primary-container:        #8CEEE6;
  --p-on-primary-container:     #003D35;
  --p-primary-soft:             rgba(82, 221, 212, 0.22);
  --p-secondary:                #B8CCCA;
  --p-on-secondary:             #101F1E;
  --p-secondary-container:      #334240;
  --p-on-secondary-container:   #E0E8E6;
}
:root[data-palette="teal"][data-mode="light"] {
  --p-primary:                  #0D8B7F;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #B8F0EA;
  --p-on-primary-container:     #002822;
  --p-primary-soft:             rgba(13, 139, 127, 0.14);
  --p-secondary:                #4E605E;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #E0E8E6;
  --p-on-secondary-container:   #101F1E;
}

/* ============================================================
 *  INDIGO — Bleu nuit profond
 * ============================================================ */
:root[data-palette="indigo"][data-mode="dark"] {
  --p-primary:                  #8B9EFF;
  --p-on-primary:               #0F1B4D;
  --p-primary-container:        #B5C2FF;
  --p-on-primary-container:     #1A2966;
  --p-primary-soft:             rgba(139, 158, 255, 0.22);
  --p-secondary:                #BFC4D4;
  --p-on-secondary:             #141A24;
  --p-secondary-container:      #373C4C;
  --p-on-secondary-container:   #E3E6F0;
}
:root[data-palette="indigo"][data-mode="light"] {
  --p-primary:                  #4338CA;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #DDE0FF;
  --p-on-primary-container:     #1A0B66;
  --p-primary-soft:             rgba(67, 56, 202, 0.14);
  --p-secondary:                #5A5E6E;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #E3E6F0;
  --p-on-secondary-container:   #141A24;
}

/* ============================================================
 *  FUCHSIA — Magenta vif
 * ============================================================ */
:root[data-palette="fuchsia"][data-mode="dark"] {
  --p-primary:                  #E97BEE;
  --p-on-primary:               #3D0540;
  --p-primary-container:        #F3ACF5;
  --p-on-primary-container:     #5C0A5E;
  --p-primary-soft:             rgba(233, 123, 238, 0.22);
  --p-secondary:                #D0C2D2;
  --p-on-secondary:             #1E141F;
  --p-secondary-container:      #423545;
  --p-on-secondary-container:   #ECE0EE;
}
:root[data-palette="fuchsia"][data-mode="light"] {
  --p-primary:                  #A21CAF;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #F8D4FA;
  --p-on-primary-container:     #4D084F;
  --p-primary-soft:             rgba(162, 28, 175, 0.14);
  --p-secondary:                #6B5A6C;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #ECE0EE;
  --p-on-secondary-container:   #1E141F;
}

/* ============================================================
 *  LIME — Vert citron pétillant
 * ============================================================ */
:root[data-palette="lime"][data-mode="dark"] {
  --p-primary:                  #B4EA5E;
  --p-on-primary:               #1E2F00;
  --p-primary-container:        #CDF590;
  --p-on-primary-container:     #2D4700;
  --p-primary-soft:             rgba(180, 234, 94, 0.22);
  --p-secondary:                #C8D0B4;
  --p-on-secondary:             #181E10;
  --p-secondary-container:      #3C442E;
  --p-on-secondary-container:   #E6EBD8;
}
:root[data-palette="lime"][data-mode="light"] {
  --p-primary:                  #65A30D;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #E4F8B5;
  --p-on-primary-container:     #1E2F00;
  --p-primary-soft:             rgba(101, 163, 13, 0.14);
  --p-secondary:                #5A6148;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #E6EBD8;
  --p-on-secondary-container:   #181E10;
}

/* ============================================================
 *  CYAN — Turquoise lumineux
 * ============================================================ */
:root[data-palette="cyan"][data-mode="dark"] {
  --p-primary:                  #4DD4F7;
  --p-on-primary:               #002733;
  --p-primary-container:        #95E5FA;
  --p-on-primary-container:     #003A4D;
  --p-primary-soft:             rgba(77, 212, 247, 0.22);
  --p-secondary:                #B4CBD4;
  --p-on-secondary:             #101E24;
  --p-secondary-container:      #2E4149;
  --p-on-secondary-container:   #DCEAEF;
}
:root[data-palette="cyan"][data-mode="light"] {
  --p-primary:                  #0E7A9B;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #B8E8F5;
  --p-on-primary-container:     #002733;
  --p-primary-soft:             rgba(14, 122, 155, 0.14);
  --p-secondary:                #4A616A;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #DCEAEF;
  --p-on-secondary-container:   #101E24;
}

/* ============================================================
 *  BRIQUE — Terre cuite
 * ============================================================ */
:root[data-palette="brick"][data-mode="dark"] {
  --p-primary:                  #E8856B;
  --p-on-primary:               #3D1200;
  --p-primary-container:        #FFA991;
  --p-on-primary-container:     #5C1C05;
  --p-primary-soft:             rgba(232, 133, 107, 0.22);
  --p-secondary:                #D4C4BC;
  --p-on-secondary:             #1E1614;
  --p-secondary-container:      #453A34;
  --p-on-secondary-container:   #EFE5E0;
}
:root[data-palette="brick"][data-mode="light"] {
  --p-primary:                  #C2410C;
  --p-on-primary:               #FFFFFF;
  --p-primary-container:        #FFDCCF;
  --p-on-primary-container:     #4D1100;
  --p-primary-soft:             rgba(194, 65, 12, 0.14);
  --p-secondary:                #6B5A52;
  --p-on-secondary:             #FFFFFF;
  --p-secondary-container:      #EFE5E0;
  --p-on-secondary-container:   #1E1614;
}

/* ============================================================
 *  FALLBACK
 * ============================================================ */
:root:not([data-palette]) {
  --p-primary:                  #FF8A50;
  --p-on-primary:               #1A0700;
  --p-primary-container:        #FFB88C;
  --p-on-primary-container:     #3D1100;
  --p-primary-soft:             rgba(255, 138, 80, 0.22);
  --p-secondary:                #D4CFC7;
  --p-on-secondary:             #1A1917;
  --p-secondary-container:      #3D3934;
  --p-on-secondary-container:   #F0ECE5;
}