@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

:root {

    /* --------------------------------------- */
    /*                 FONTS                   */
    /* --------------------------------------- */

    --ff-primary: "Cinzel", serif;
    --ff-secondary: "EB Garamond", serif;

    /* Tamaños ordenados */
    --fs-0: 8px;
    --fs-1: 10px;
    --fs-2: 12px;
    --fs-3: 14px;
    --fs-4: 16px;
    --fs-5: 18px;
    --fs-6: 20px;
    --fs-7: 24px;
    --fs-8: 28px;
    --fs-9: 32px;
    --fs-10: 40px;
    --fs-11: 48px;
    --fs-12: 56px;
    --fs-13: 64px;
    --fs-14: 76px;
    --fs-15: 92px;

    /* Pesos */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;
    --fw-black: 900;

    /* Letter spacing */
    --ls-0: 0;
    --ls-1: 2;
    --ls-2: 4;
    --ls-3: 6;
    --ls-4: 8;
    --ls-5: 10;
    --ls-6: 12;


    /* --------------------------------------- */
    /*                 COLORS                  */
    /* --------------------------------------- */

    /* ALERT */
    --alert-50: #fff9f0;
    --alert-100: #fff5e5;
    --alert-200: #ffe9c7;
    --alert-300: #ffdead;
    --alert-400: #ffd28f;
    --alert-500: #ffc875;
    --alert-600: #ffa929;
    --alert-700: #e08700;
    --alert-800: #945900;
    --alert-900: #4d2e00;
    --alert-950: #241500;

    /* ERROR */
    --error-50: #fff5f5;
    --error-100: #ffebeb;
    --error-200: #ffd6d6;
    --error-300: #ffc2c2;
    --error-400: #ffadad;
    --error-500: #ff9696;
    --error-600: #ff4747;
    --error-700: #f50000;
    --error-800: #a30000;
    --error-900: #520000;
    --error-950: #290000;

    /* NEUTRAL */
    --neutral-50: #ffffff;
    --neutral-100: #e6e5e5;
    --neutral-200: #cdcccb;
    --neutral-300: #b4b3b1;
    --neutral-400: #9b9a97;
    --neutral-500: #82817d;
    --neutral-600: #686764;
    --neutral-700: #4e4d4b;
    --neutral-800: #343332;
    --neutral-900: #1a1a19;
    --neutral-950: #000000;

    /* PRIMARY */
    --primary-50: #fffcf4;
    --primary-100: #fff9ea;
    --primary-200: #fff3d5;
    --primary-300: #ffeebf;
    --primary-400: #ffe8aa;
    --primary-500: #ffe295;
    --primary-600: #ccb577;
    --primary-700: #998859;
    --primary-800: #665a3c;
    --primary-900: #332d1e;
    --primary-950: #1a160f;

    /* SECONDARY */
    --secondary-50: #f4f1eb;
    --secondary-100: #e4dfd1;
    --secondary-200: #cfc1a3;
    --secondary-300: #b29d70;
    --secondary-400: #8e7846;
    --secondary-500: #6b5830;
    --secondary-600: #524324;
    --secondary-700: #3c321b;
    --secondary-800: #2d2615;
    --secondary-900: #231f15;
    --secondary-950: #18140d;

    /* SUCCESS */
    --success-50: #f8fff0;
    --success-100: #f4ffe5;
    --success-200: #e6ffc7;
    --success-300: #daffad;
    --success-400: #cdff8f;
    --success-500: #c2ff75;
    --success-600: #9fff29;
    --success-700: #7be000;
    --success-800: #519400;
    --success-900: #2a4d00;
    --success-950: #142400;




    /* --------------------------------------- */
    /*                 BORDER                  */
    /* --------------------------------------- */

    /* Radius */
    --br-0: 0px;
    --br-1: 4px;
    --br-2: 8px;
    --br-3: 12px;
    --br-4: 16px;
    --br-5: 20px;
    --br-6: 24px;
    --br-7: 28px;
    --br-8: 32px;
    --br-9: 36px;
    --br-10: 40px;
    --br-11: 48px;
    --br-12: 56px;
    --br-13: 64px;
    --br-14: 72px;
    --br-15: 80px;
    --br-16: 88px;
    --br-circle: 999px;

    /* Border width */
    --bw-0: 0.25;
    --bw-1: 1;
    --bw-2: 2;
    --bw-3: 3;
    --bw-4: 4;
    --bw-5: 5;
    --bw-6: 6;
    --bw-7: 7;
    --bw-8: 8;
    --bw-9: 9;
    --bw-10: 12;
    --bw-11: 16;
    --bw-12: 20;
    --bw-13: 24;
    --bw-14: 28;
    --bw-15: 32;
    --bw-16: 36;
    --bw-17: 40;
    --bw-18: 44;
    --bw-19: 48;
    --bw-circle: 999;

}