:root{

    /* Colors */
    --white: #fff;
    --black: #000;

    --soft-white: #fdfdfd;

    --grey-111: #111;
    --grey-222: #222;
    --grey-333: #333;
    --grey-444: #444;
    --grey-555: #555;
    --grey-666: #666;
    --grey-777: #777;
    --grey-888: #888;
    --grey-999: #999;
    --white-aaa: #aaa;
    --white-bbb: #bbb;
    --white-ccc: #ccc;
    --white-ddd: #ddd;
    --white-eee: #eee;

    --main-dark: #0C1A2B;
    --dark-blue: #0E2A47;
    --lime: #B6FF3B;
    --purple: #8A6CFF;
    --cyan: #03FFAA;
    --cyber-green: #00FF00;
    --skyblue: #00D4FF;

    --bg-section: #112336;
    --bg-card: #162d44;
    --bg-lifted: #1b3650;

    --border-strong: #0c1a2b;
    --border-mid: #162d44;
    --border-soft: #1b3650;
    --border-sep: #234b6e;
    --border-hint: #2e5f87;

    --bg-background: #09313f;
    --bg-header-footer: #082c39;
    --bg-second-header: #133947;
    --bg-secondary-background: #2c5260;
    --bg-slider: #4e6f7b;

    --bg: #05070A;
    --bg-deep: #02110a;
    --green: #00E37A;
    --green-bright: #00FF00;
    --blue: #2CB1F1;
    --blue-deep: #0E5E8C;
    --blue-ink: #061826;
    --green-deep: #0A3D2C;
    --offwhite: #F2F4F1;
    --line: #1F2530;
    --line-strong: #2A3343;
    --mute-65: rgba(242,244,241,0.65);
    --mute-70: rgba(242,244,241,0.70);
    --mute-80: rgba(255,255,255,0.80);

    /* Others */
    --transition: all .3s;
    
    /* Fonts */
    --inter: 'Inter';
    --space: 'Space Grotesk';
    --instrument: 'Instrument Serif';
    --mono: 'JetBrains Mono';

    /* Icons */
    --ti: "tabler-icons";
    --fa: "Font Awesome 6 Free";

}