:root{

    /* --------------------------------------------------------
                            Primitives 
    ----------------------------------------------------------*/

    /* >>>>>>>>>>>>>> SIZES <<<<<<<<<<<<<<< */
    --ro-size-0: 0rem; 
    --ro-size-1: 0.0625rem; 
    --ro-size-2: 0.125rem; 
    --ro-size-4: 0.25rem; 
    --ro-size-6: 0.375rem; 
    --ro-size-8: 0.5rem; 
    --ro-size-10: 0.625rem; 
    --ro-size-12: 0.75rem;   
    --ro-size-14: 0.875rem;   
    --ro-size-16: 1rem;       
    --ro-size-18: 1.125rem;       
    --ro-size-20: 1.25rem;       
    --ro-size-24: 1.5rem;
    --ro-size-28: 1.75rem;      
    --ro-size-32: 2rem;   
    --ro-size-36: 2.25rem;   
    --ro-size-40: 2.5rem;   
    --ro-size-44: 2.75rem;   
    --ro-size-48: 3rem; 
    --ro-size-54: 3.375rem; 
    --ro-size-56: 3.5rem;
    --ro-size-60: 3.75rem;
    --ro-size-72: 4.5rem;
    --ro-size-80: 5rem;
    --ro-size-100: 6.25rem;
    --ro-size-120: 7.5rem;

    /* >>>>>>>>>>>>>> COLOR NEUTRALS <<<<<<<<<<<<<<< */

    /* Neutrals */
    --ro-text-900: #292929;
    --ro-bg-0: #ffffff;
    --ro-bg-none: rgb(255, 255, 255, 0.01);

    
    --ro-neutral-10: #F6F6F4;
    --ro-neutral-50: #F8F8F8;
    --ro-neutral-100: #F0F0F0;
    --ro-neutral-150: #E6E6E6;
    --ro-neutral-200: #D9D9D9;
    --ro-neutral-300: #C8C8C8;
    --ro-neutral-400: #B5B5B5;
    --ro-neutral-500: #9F9F9F;
    --ro-neutral-600: #7F7F7F;
    --ro-neutral-700: #5C5C5C;
    --ro-neutral-800: #464646;
    --ro-neutral-900: #363636;
    --ro-neutral-950: #292929;

    /* >>>>>>>>>>>>>> COLOR BRAND <<<<<<<<<<<<<<< */

    /* Dolphin grey scale */
    --ro-dolphing-50: #F6F7F7;
    --ro-dolphing-100: #E0E7E4;
    --ro-dolphing-200: #C1CECA;
    --ro-dolphing-300: #9AAEA9;
    --ro-dolphing-400: #758C87;
    --ro-dolphing-500: #5B716D;
    --ro-dolphing-600: #475A56;
    --ro-dolphing-700: #3B4A47;
    --ro-dolphing-800: #323D3B;
    --ro-dolphing-900: #2C3533;
    --ro-dolphing-950: #171C1C;

    /* Papayawhip scale */
    --ro-papaw-50: #FBF9EB;
    --ro-papaw-100: #F8F3D5;
    --ro-papaw-200: #EFDF99;
    --ro-papaw-300: #E5C85F;
    --ro-papaw-400: #DCB033;
    --ro-papaw-500: #CC9A26;
    --ro-papaw-600: #B0791E;
    --ro-papaw-700: #8D571B;
    --ro-papaw-800: #75471E;
    --ro-papaw-900: #653C1E;
    --ro-papaw-950: #3A1E0E;

    /* Champagne pink scale */
    --ro-champ-50: #FCF6F4;
    --ro-champ-100: #FAECE6;
    --ro-champ-200: #F8DFD4;
    --ro-champ-300: #F1C4B0;
    --ro-champ-400: #E7A182;
    --ro-champ-500: #D9815A;
    --ro-champ-600: #C5673D;
    --ro-champ-700: #A55430;
    --ro-champ-800: #89482B;
    --ro-champ-900: #734029;
    --ro-champ-950: #3E1F11;

    /* Timberwolf scale */
    --ro-timb-50: #F4F5F0;
    --ro-timb-100: #E6E9DE;
    --ro-timb-200: #D6DAC8;
    --ro-timb-300: #B3BB9B;
    --ro-timb-400: #97A17A;
    --ro-timb-500: #7A855D;
    --ro-timb-600: #5F6947;
    --ro-timb-700: #4A5239;
    --ro-timb-800: #3D4331;
    --ro-timb-900: #363A2D;
    --ro-timb-950: #1B1E15;

    /* --------------------------------------------------------
                            FOUNDATIONS
    ----------------------------------------------------------*/

    /* >>>>>>>>>>>>>> FONT <<<<<<<<<<<<<<< */

    /* Font families */
    --ro-font-body: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --ro-font-heading: 'neulis-cursive', sans-serif;
        


    /* Font sizes */
    --ro-font-size-xs: var(--ro-size-12);   
    --ro-font-size-s: var(--ro-size-14);   
    --ro-font-size-m: var(--ro-size-16);       
    --ro-font-size-md: var(--ro-size-18);       
    --ro-font-size-l: var(--ro-size-20);       
    --ro-font-size-head-S: var(--ro-size-24);     
    --ro-font-size-head-M: var(--ro-size-32);     
    --ro-font-size-head-L: var(--ro-size-40);
    --ro-font-size-head-hero: var(--ro-size-56);     


    /* Font weights */
    --ro-font-weight-regular: 400;
    --ro-font-weight-medium: 500;
    --ro-font-weight-semB: 600;
    --ro-font-weight-bold: 700;
    --ro-font-weight-Xbold: 800;


    /* Line heights */
    --ro-line-height-sm: 120%;
    --ro-line-height-base: 140%;
    --ro-line-height-l: 160%;


    /* >>>>>>>>>>>>>> SEMANTIC COLOR <<<<<<<<<<<<<<< */

    /* Success scale */
    --ro-succ-50: #EBFEF6;
    --ro-succ-100: #D0FBE7;
    --ro-succ-200: #A4F6D3;
    --ro-succ-300: #6AEBBD;
    --ro-succ-400: #2FD8A0;
    --ro-succ-500: #0ABF8A;
    --ro-succ-600: #009E73;
    --ro-succ-700: #007C5E;
    --ro-succ-800: #03624B;
    --ro-succ-900: #04503F;
    --ro-succ-950: #012D25;

    /* Error scale */
    --ro-err-50: #FEF2F2;
    --ro-err-100: #FDE3E3;
    --ro-err-200: #FCCCCC;
    --ro-err-300: #F8A9A9;
    --ro-err-400: #F37676;
    --ro-err-500: #E84B4B;
    --ro-err-600: #C62828;
    --ro-err-700: #B32222;
    --ro-err-800: #942020;
    --ro-err-900: #7B2121;
    --ro-err-950: #430C0C;



    /* >>>>>>>>>>>>>> SIZE <<<<<<<<<<<<<<< */


    /* Radius */
    --ro-radius-0: var(--ro-size-0);
    --ro-radius-2: var(--ro-size-2);
    --ro-radius-4: var(--ro-size-4);
    --ro-radius-6: var(--ro-size-6);
    --ro-radius-8: var(--ro-size-8);
    --ro-radius-12: var(--ro-size-12);
    --ro-radius-16: var(--ro-size-16);
    --ro-radius-24: var(--ro-size-24);

    /* Spacing */
    --ro-space-0: var(--ro-size-0);
    --ro-space-2: var(--ro-size-2);
    --ro-space-4: var(--ro-size-4);
    --ro-space-6: var(--ro-size-6);
    --ro-space-8: var(--ro-size-8);
    --ro-space-10: var(--ro-size-10);
    --ro-space-12: var(--ro-size-12);
    --ro-space-14: var(--ro-size-14);
    --ro-space-16: var(--ro-size-16);
    --ro-space-24: var(--ro-size-24);
    --ro-space-32: var(--ro-size-32);
    --ro-space-36: var(--ro-size-36); /* gap hero lp */
    --ro-space-40: var(--ro-size-40);
    --ro-space-48: var(--ro-size-48);
    --ro-space-56: var(--ro-size-56);
    --ro-space-60: var(--ro-size-60);
    --ro-space-72: var(--ro-size-72);
    --ro-space-80: var(--ro-size-80);
    --ro-space-100: var(--ro-size-100);
    --ro-space-120: var(--ro-size-120);

/* --------------------------------------------------------
                            LAYOUT
    ----------------------------------------------------------*/

 /* Focus */
    --ro-focus-ring-color: var(--ro-dolphing-600);


/* surface Color */
    --ro--surface-dolphing : var(--ro-dolphing-100);
    --ro--surface-index-dg : var(--ro-dolphing-300);
    --ro--surface-champ : var(--ro-champ-100);
    --ro--surface-papaw : var(--ro-papaw-100);
    --ro--surface-timb : var(--ro-timb-100);

/* border Color */
    --ro--border-dolphing : var(--ro-dolphing-200);
    --ro--border-champ : var(--ro-champ-300);
    --ro--border-papaw : var(--ro-papaw-300);
    --ro--border-timb : var(--ro-timb-200);
    --ro--border-infos : var(--ro-dolphing-300);

/* Focus */
--ro-focus-ring-color: var(--ro-dolphing-600);
--ro-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ro-focus-ring-color) 35%, transparent);



}


/* Focus visible */
:focus-visible{
  outline: 2px solid var(--ro-focus-ring-color);
  outline-offset: var(--ro-space-2);
}

i[class^="ri-"],
  i[class*=" ri-"]{
  font-size: var(--ro-size-24);
  line-height: 1;
}

@media (max-width:680px) {
  i[class^="ri-"],
  i[class*=" ri-"]{
  font-size: var(--ro-size-16);
  line-height: 1;
}


}


i.ri-verified-badge-line{
  color:var(--ro-neutral-300);
}

.ro-logobrand-ringofuse{
  height: var(--ro-size-40);
  color: var(--ro-dolphing-600);
}