:root {
    --purple-lightness: 0%; /* Ajuste ici : négatif = plus foncé, positif = plus clair */
    
    --primary-color-shamrock-50: color-mix(in oklch, var(--color-purple), white calc(40% + var(--purple-lightness)));
    --primary-color-shamrock-100: color-mix(in oklch, var(--color-purple), white calc(30% + var(--purple-lightness)));
    --primary-color-shamrock-200: color-mix(in oklch, var(--color-purple), white calc(20% + var(--purple-lightness)));
    --primary-color-shamrock-300: color-mix(in oklch, var(--color-purple), white calc(10% + var(--purple-lightness)));
    --primary-color-shamrock-400: color-mix(in oklch, var(--color-purple), white calc(0% + var(--purple-lightness)));
    --primary-color-shamrock-500: var(--color-purple);
    --primary-color-shamrock-600: color-mix(in oklch, var(--color-purple), black calc(10% - var(--purple-lightness)));
    --primary-color-shamrock-700: color-mix(in oklch, var(--color-purple), black calc(20% - var(--purple-lightness)));
    --primary-color-shamrock-800: color-mix(in oklch, var(--color-purple), black calc(30% - var(--purple-lightness)));
    --primary-color-shamrock-900: color-mix(in oklch, var(--color-purple), black calc(40% - var(--purple-lightness)));
    --primary-color-shamrock-950: color-mix(in oklch, var(--color-purple), black calc(50% - var(--purple-lightness)));

    --a-decoration: color-mix(in oklch, var(--color-purple), white calc(80% + var(--purple-lightness)));
}


:root {
    --primary-color-shamrock-50: #ebfef5;
    --primary-color-shamrock-100: #cefde4;
    --primary-color-shamrock-200: #a1f9cf;
    --primary-color-shamrock-300: #65f0b7;
    --primary-color-shamrock-400: #21de97;
    --primary-color-shamrock-500: #03c683;
    --primary-color-shamrock-600: #00a16b;
    --primary-color-shamrock-700: #00815a;
    --primary-color-shamrock-800: #006648;
    --primary-color-shamrock-900: #01533d;
    --primary-color-shamrock-950: #002f23;

    --a-decoration: rgb(161, 249, 207);
}