:root {
    --font-primary: "Inter";
    --font-secondary: "Poppins";
    --font-sf-pro: "SF Pro";
    --font-railway: "Railway";
    --font-gilroy: "Gilroy", 'sans-serif';
    --font-roboto: "Roboto";

    --navbar-height: 94px;


    --second-bg: #8888881a;
    --template-page-bg: #F3EFEF;
    --footer-bg: #FFFFFF;

    --primary: #4D83FA;
    --secondary: #D5724F;
    --blue: #007aff;
    --blue-white: #EBF1FF;
    --black: #0e1117;
    --black-2: #555759;
    --black-f: #3D3C3B;
    --white: #fff;
    --gray: #738A96;
    --gray-2: #C4C4C4;
    --gray-700: #414651;
    --light-gray: #dedfdf;
    --light-gray-hover: #c1c1c1;
    --neutrals-2: #23262F;
    --neutrals-4: #777E90;
    --neutrals-gray: #D9D9D9;
    --light: #F7F7F5;
    --text: #1C1C1C;
    --text-700: #333B52;
    --surface-2: #F9FAFB;
    --surface-4: #ECEEF1;

    --instagram-color: #1FA1FF;
    --text-color: var(--black);

    --nav-link-color: var(--black);
    --nav-link-hover-color: #555860;

    --input-fill: #EAEFF4;

    --organizations-bg: #fafafb;

    --filters-border-color: #EAE4DF;

    /* Notification colors */
    --success-color: #10b981;
    --success-color-dark: #059669;
    --success-border: #047857;
    --error-color: #ef4444;
    --error-color-dark: #dc2626;
    --error-border: #b91c1c;
}