:root {
    --small-logo: url('https://santaimgrp.ecxon.com.br/img/imagens_hud/maresia.png');
    --rgb-color: 181, 127, 80;

    /* Background */
    --background-solid: #1C0F0C;
    --background-radial: radial-gradient(163.54% 144.88% at 185.97% 50%, rgba(181, 127, 80, 0.20) 0%, rgba(181, 127, 80, 0.00) 100%), #1C0F0C;

    /* Main Colors */
    --main-5: #f9f6f1;
    --main-100: #efe6d6;
    --main-200: #ddcaaa;
    --main-300: #cbac7e;
    --main-400: #bf9560;
    --main-500: #b57f50;
    --main-600: #9e6441;
    --main-700: #844d39;
    --main-800: #6d4033;
    --main-900: #5b352c;
    --main-950: #331b15;


    --interaction-text-disabled: #FFFFFF;
    --interaction-text-active: #1C0F0C;
    --interaction-background: #b57f50;
    --interaction-background-disabled: #000000;

    /* Main Opacity */
    --main-opacity-50: rgba(181, 127, 80, 0.05);
    --main-opacity-100: rgba(181, 127, 80, 0.1);
    --main-opacity-200: rgba(181, 127, 80, 0.2);
    --main-opacity-300: rgba(181, 127, 80, 0.3);
    --main-opacity-400: rgba(181, 127, 80, 0.4);
    --main-opacity-500: rgba(181, 127, 80, 0.5);
    --main-opacity-600: rgba(181, 127, 80, 0.6);
    --main-opacity-700: rgba(181, 127, 80, 0.7);
    --main-opacity-800: rgba(181, 127, 80, 0.8);
    --main-opacity-900: rgba(181, 127, 80, 0.9);

    /* White Opacity */
    --white-opacity-20: rgba(255, 255, 255, 0.02);
    --white-opacity-50: rgba(255, 255, 255, 0.05);
    --white-opacity-100: rgba(255, 255, 255, 0.1);
    --white-opacity-200: rgba(255, 255, 255, 0.2);
    --white-opacity-300: rgba(255, 255, 255, 0.3);
    --white-opacity-400: rgba(255, 255, 255, 0.4);
    --white-opacity-500: rgba(255, 255, 255, 0.5);
    --white-opacity-600: rgba(255, 255, 255, 0.6);
    --white-opacity-700: rgba(255, 255, 255, 0.7);
    --white-opacity-800: rgba(255, 255, 255, 0.8);
    --white-opacity-900: rgba(255, 255, 255, 1);

    /* Grey */
    --grey-5: #FFFFFF;
    --grey-100: #EAEDF1;
    --grey-200: #CBD3DC;
    --grey-300: #ADB9C8;
    --grey-400: #8E9FB3;
    --grey-500: #70869F;
    --grey-600: #586C83;
    --grey-700: #445365;
    --grey-800: #2F3A46;
    --grey-900: #1A2027;

    /* Paddings */
    --padding-xs: 4px;
    --padding-sm: 8px;
    --padding-md: 12px;
    --padding-lg: 16px;
    --padding-xl: 20px;
    --padding-2xl: 24px;
    --padding-3xl: 32px;
    --padding-4xl: 40px;
    --padding-5xl: 48px;
    --padding-6xl: 64px;

    /* Border Radius */
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-pill: 9999px;
}