/*Variables*/
:root {
    /*Fonts*/
    --font-title: "Funnel Display";
    --font-body: "Archivo";
    /*Colors*/
    --Color-Foreground: #FFFFFF;
    --Color-Foreground5: rgba(255,255,255,0.05);
    --Color-Foreground10: rgba(255,255,255,0.1);
    --Color-Foreground20: rgba(255,255,255,0.2);
    --Color-Foreground30: rgba(255,255,255,0.3);
    --Color-Foreground40: rgba(255,255,255,0.4);
    --Color-Foreground50: rgba(255,255,255,0.5);
    --Color-Foreground60: rgba(255,255,255,0.6);
    --Color-Foreground70: rgba(255,255,255,0.7);
    --Color-Foreground80: rgba(255,255,255,0.8);
    --Color-Foreground90: rgba(255,255,255,0.9);
    --Color-Surface: #1A0E2C;
    --Color-Surface5: rgba(26,14,44,0.05);
    --Color-Surface10: rgba(26,14,44,0.1);
    --Color-Surface20: rgba(26,14,44,0.2);
    --Color-Surface30: rgba(26,14,44,0.3);
    --Color-Surface40: rgba(26,14,44,0.4);
    --Color-Surface50: rgba(26,14,44,0.5);
    --Color-Surface60: rgba(26,14,44,0.6);
    --Color-Surface70: rgba(26,14,44,0.7);
    --Color-Surface80: rgba(26,14,44,0.8);
    --Color-Surface90: rgba(26,14,44,0.9);
    --Color-color-neutral-50: #2A1D3D;
    --Color-color-neutral-100: #3B2C52;
    --Color-color-neutral-200: #4C3C66;
    --Color-color-neutral-300: #5E4C7A;
    --Color-color-neutral-400: #70608E;
    --Color-color-neutral-500: #8A78A1;
    --Color-color-neutral-600: #A192B5;
    --Color-color-neutral-700: #B8ABCA;
    --Color-color-neutral-800: #D2C7DE;
    --Color-color-neutral-900: #EAE3F1;
    --Color-color-purple-50: #1E004B;
    --Color-color-purple-100: #2B0070;
    --Color-color-purple-200: #330084;
    --Color-color-purple-300: #4B2AA5;
    --Color-color-purple-400: #656AC9;
    --Color-color-purple-500: #7D83D4;
    --Color-color-purple-600: #979DE0;
    --Color-color-purple-700: #B5BAEB;
    --Color-color-purple-800: #D3D6F4;
    --Color-color-purple-900: #EBECFB;
    --Color-color-teal-50: #012420;
    --Color-color-teal-100: #01322D;
    --Color-color-teal-200: #01413A;
    --Color-color-teal-300: #015048;
    --Color-color-teal-400: #016057;
    --Color-color-teal-500: #02806F;
    --Color-color-teal-600: #02A086;
    --Color-color-teal-700: #42C4A8;
    --Color-color-teal-800: #7BE1C7;
    --Color-color-teal-900: #C0F9E0;
    --Color-status-danger-50: #1C0A0A;
    --Color-status-danger-100: #2D0F10;
    --Color-status-danger-200: #3F1516;
    --Color-status-danger-300: #521B1D;
    --Color-status-danger-400: #662124;
    --Color-status-danger-500: #DC3545;
    --Color-status-danger-600: #E25A66;
    --Color-status-danger-700: #E9808D;
    --Color-status-danger-800: #F0A6B4;
    --Color-status-danger-900: #F7CBDC;
    --Color-status-info-50: #082025;
    --Color-status-info-100: #0B2E38;
    --Color-status-info-200: #0C3D4C;
    --Color-status-info-300: #0D4D60;
    --Color-status-info-400: #0E5C74;
    --Color-status-info-500: #0DCAF0;
    --Color-status-info-600: #3FD4F4;
    --Color-status-info-700: #6FDEF6;
    --Color-status-info-800: #B3F4E5;
    --Color-status-info-900: #CFF3FB;
    --Color-status-success-50: #0A1F17;
    --Color-status-success-100: #0E2E23;
    --Color-status-success-200: #114030;
    --Color-status-success-300: #16513D;
    --Color-status-success-400: #1A634A;
    --Color-status-success-500: #198754;
    --Color-status-success-600: #34A46E;
    --Color-status-success-700: #67BE97;
    --Color-status-success-800: #9AD9C0;
    --Color-status-success-900: #CDF4E9;
    --Color-status-warning-50: #2A2304;
    --Color-status-warning-100: #3C3106;
    --Color-status-warning-200: #4D3F08;
    --Color-status-warning-300: #5F4C0A;
    --Color-status-warning-400: #715A0C;
    --Color-status-warning-500: #FFC107;
    --Color-status-warning-600: #FFD145;
    --Color-status-warning-700: #FFDE72;
    --Color-status-warning-800: #FFE999;
    --Color-status-warning-900: #FFF2BF;
    /*font Weight*/
    --Font-Size-Displayheadings-d1: 80px;
    --Font-Size-Displayheadings-d2: 72px;
    --Font-Size-Displayheadings-d3: 64px;
    --Font-Size-Displayheadings-d4: 56px;
    --Font-Size-Displayheadings-d5: 48px;
    --Font-Size-Displayheadings-d6: 40px;
    --Font-Size-Headings-h1: 40px;
    --Font-Size-Headings-h2: 32px;
    --Font-Size-Headings-h3: 28px;
    --Font-Size-Headings-h4: 24px;
    --Font-Size-Headings-h5: 20px;
    --Font-Size-Headings-h6: 16px;
    --Font-Size-Body-lead: 20px;
    --Font-Size-Body-base: 16px;
    --Font-Size-Body-small: 14px;
    --Font-Size-Body-x-small: 12px;
    --Font-Size-Label-lead: 20px;
    --Font-Size-Label-base: 16px;
    --Font-Size-Label-small: 14px;
    --Font-Size-Label-x-small: 12px;
    --Line-Height-Displayheadings-d1: 96px;
    --Line-Height-Displayheadings-d2: 86.4000015258789px;
    --Line-Height-Displayheadings-d3: 76.80000305175781px;
    --Line-Height-Displayheadings-d4: 67.19999694824219px;
    --Line-Height-Displayheadings-d5: 57.599998474121094px;
    --Line-Height-Displayheadings-d6: 48px;
    --Line-Height-Headings-h1: 48px;
    --Line-Height-Headings-h2: 38.400001525878906px;
    --Line-Height-Headings-h3: 33.599998474121094px;
    --Line-Height-Headings-h4: 28.799999237060547px;
    --Line-Height-Headings-h5: 24px;
    --Line-Height-Headings-h6: 19.200000762939453px;
    --Line-Height-Body-lead: 30px;
    --Line-Height-Body-base: 24px;
    --Line-Height-Body-small: 21px;
    --Line-Height-Body-x-small: 18px;
    --Line-Height-Label-lead: 24px;
    --Line-Height-Label-base: 18px;
    --Line-Height-Label-small: 16px;
    --Line-Height-Label-x-small: 14px;
    /*Sidebar*/
    --sidebar-width: 200px;
}