@import url("./fonts/inter/inter.css");

:root[data-theme="default"] {
    /* Font */
    --font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    --font-heading: ;

    /* Backgrounds */
    --background-nav: 255, 255, 255, 0;
    --background-body: 226, 232, 240;
    --background-surface: 241, 245, 249;

    /* Colors */
    --color-primary: 44, 100, 227;
    --color-secondary: 232, 239, 253;

    /* Buttons - Primary */
    --button-primary-bg: 44, 100, 227;
    --button-primary-bg-hover: 30, 83, 202;
    --button-primary-text: 255, 255, 255;
    --button-primary-radius: 999px;

    /* Buttons - Secondary */
    --button-secondary-bg: 234, 240, 252;
    --button-secondary-bg-hover: 243, 243, 243;
    --button-secondary-text: 44, 100, 227;
    --button-secondary-radius: 999px;
    --button-border: 218, 221, 226;

    /* Pills */
    --pills-primary-bg: 44, 100, 227;
    --pills-secondary-bg: 234, 240, 252;

    /* Input */
    --input-bg: 255, 255, 255;
    --input-border: 218, 221, 226;

    /* List */
    --list-bg: 255, 255, 255;
    --list-border: 0, 0, 0, 0;
    --list-secondary-border: 20, 20, 20, 0.1;

    /* Text / Typography */
    --text-body-color: 17, 24, 39;
    --text-heading-color: 25, 27, 30;
    --text-subheading-color: 115, 122, 134;
    --text-link-color: 44, 100, 227;
}