/* Navy + radium */
:root {
    --main: #111827;
    --sub: #2C3458;
    --accent: #B7E33B;
    --bg: #F5F7F8;
    --primary: #000;
    --secondary: #fff;
    --text-primary: #1F2933;
    --text-secondary: #6B7280;
    --text-tertiary: #9CA3AF;
    --text-dark: #1E2254;
    --border: #1f29331f;
    --green: #14AE5C;
    --red: #ED1C24;
    --blue: #1A56DB;
    --purple: #7434A8;
    --violet: #a21caf;
    --gray: #F5F7F8;
    --yellow: #F5E625;
    --orange: #E9784F;
    --pink: #EF4444;
    --hover-bg: #f5f5f5;
    --box-shadow: 0 0 .875rem 0 rgba(33, 37, 41, .05);
    --transition: 0.3s ease-in-out;

    --main-font: "Satoshi", sans-serif;
    --sub-font: "Josefin Sans", sans-serif;
    --fw-ms: 300;
    --fw-sm: 400;
    --fw-md: 500;
    --fw-lg: 600;
    --fw-xl: 700;
    --fw-xxl: 800;
    --fw-xxxl: 900;

}

/* Brown + Orange */
/* :root {
    --main: #4A2E2A;
    --sub: #503850;
    --accent: #D4A017;
    --bg: #FDF9F6;
    --primary: #000;
    --secondary: #fff;
    --text-primary: #1F2933;
    --text-secondary: #6B7280;
    --text-tertiary: #9CA3AF;
    --text-dark: #1E2254;
    --border: #1f29331f;
    --green: #14AE5C;
    --red: #ED1C24;
    --blue: #1A56DB;
    --purple: #7434A8;
    --hover-bg: #f5f5f5;
    --box-shadow: 0 0 .875rem 0 rgba(33, 37, 41, .05);
    --transition: 0.3s ease-in-out;

    --main-font: "Satoshi", sans-serif;
    --sub-font: "Josefin Sans", sans-serif;
    --fw-ms: 300;
    --fw-sm: 400;
    --fw-md: 500;
    --fw-lg: 600;
    --fw-xl: 700;
    --fw-xxl: 800;
    --fw-xxxl: 900;

} */

/* Sandal + Orange */
/* :root {
    --main: #111827;
    --sub: #2C3458;
    --accent: #E9784F;
    --bg: #F8F9F8;
    --primary: #000;
    --secondary: #fff;
    --hover-bg: #f5f5f5;

    --text-primary: #142B4A;
    --text-secondary: #66758A;
    --text-tertiary: #91A0B5;
    --text-dark: #1E2254;
    --border: #DCE3EA;

    --sidebar-bg: #FFFDF9;
    --sidebar-hover-bg: #FFF1E7;
    --sidebar-hover-text: #E56F3D;

    --primary-bg: #E9784F;
    --primary-hover-bg: #D9653D;

    --green: #14AE5C;
    --red: #ED1C24;
    --blue: #1A56DB;
    --purple: #7434A8;
    --gray: #F5F7F8;
    
    --box-shadow: 0 0 .875rem 0 rgba(33, 37, 41, .05);
    --transition: 0.3s ease-in-out;
    
    --main-font: "Satoshi", sans-serif;
    --sub-font: "Josefin Sans", sans-serif;
    --fw-ms: 300;
    --fw-sm: 400;
    --fw-md: 500;
    --fw-lg: 600;
    --fw-xl: 700;
    --fw-xxl: 800;
    --fw-xxxl: 900;
} */