style.css

:root{
    --color_highlight: #ffffff;
    --color_white: #fff;
    --color_black: #2d3436;
    --color_black-opaque: rgba(0, 0, 0, 0.8);
    --color_black-opaquer: rgba(0, 0, 0, 0.65);
    --color_black-opaquest: rgba(0, 0, 0, 0.3);
    --color_gold: #ffd700;
    --color_red: #de2960;
    --color_red-dark: #c72c5b;
    --radius-tiny: 4px;
    --radius-small: 8px;
    --radius-rounded: 20px;
    --radius-circle: 9999px;
    --fs_xs: 0.8571428571rem;
    --fs_s: 0.9285714286rem;
    --fs_n: 1rem;
    --fs_m: 1.0714285714rem;
    --fs_l: 1.1428571429rem;
    --fs_xl: 1.3571428571rem;
    --fs_xxl: 1.7142857143rem;
    --font_family: 'Manrope', 'Helvetica Neue', system-ui, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, sans-serif;
    --solid_color_primary: #132241;
    --solid_color_primary-opaque: rgba(255, 255, 255, 0.6);
    --solid_color_secondary: #e2e8ec;
    --solid_color_secondary-dark: #d9e0e5;
    --solid_color_tertiary: #223e69;
    --solid_color_block: #f5f8fa;
    --solid_color_highlight: rgb(240 255 0 / 0%);
    --solid_color_toast: #232425;
    --solid_color_bubble: #2c3d7d;
    --text_color_primary: #ffffff;
    --text_color_secondary: #4b4f55;
    --text_color_tertiary: #eb2323;
    --text_color_alt: var(--solid_color_secondary);
    --border_color_secondary: #ececed;
    --border_color_input: #CED0D4;
    --color_input_placeholder: var(--color_black-opaquest);
    --navigation_background: var(--color_white);
    --navigation_blend: #aaa;
    --navigation_blend--light: #f2f2f2;
    --navigation_primary: var(--color_black);
    --navigation_brand: var(--color_white);
    --navigation_search: #f0f2f5;
    --color_input_placeholder: var(--color_black-opaquest);
}