@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root:root {
    --light-color-background: #ffffff;
    --light-color-background-secondary: #f6f6f6;
    --light-color-background-active: #e0e0e0;
    --light-color-accent: #e0e0e0;
    --light-color-text: #222222;
    --light-color-contrast-text: #000000;
    --light-color-text-aside: #5c5c5c;
    --light-color-link: #7852ee;
    --light-color-focus-outline: #7852ee;
    --light-code-background: #fafafa;

    --dark-color-background: #1e1e1e;
    --dark-color-background-secondary: #262626;
    --dark-color-background-active: #363636;
    --dark-color-accent: #363636;
    --dark-color-text: #dadada;
    --dark-color-contrast-text: #ffffff;
    --dark-color-text-aside: #b3b3b3;
    --dark-color-link: #a882ff;
    --dark-color-focus-outline: #a882ff;
    --dark-code-background: #242424;

    --light-color-ts-keyword: #086ddd;
    --light-color-ts-project: #7852ee;
    --light-color-ts-class: #086ddd;
    --light-color-ts-interface: #08b94e;
    --light-color-ts-function: #7852ee;
    --light-color-ts-method: #d53984;
    --light-color-ts-property: #ec7500;
    --light-color-ts-variable: #086ddd;
    --light-color-ts-enum: #e0ac00;
    --light-color-ts-type-alias: #d53984;
    --light-color-ts-type-parameter: #00bfbc;
    --light-color-ts-accessor: #e93147;
    --light-color-ts-reference: #d53984;
    --light-color-document: #5c5c5c;

    --dark-color-ts-keyword: #027aff;
    --dark-color-ts-project: #a882ff;
    --dark-color-ts-class: #027aff;
    --dark-color-ts-interface: #44cf6e;
    --dark-color-ts-function: #a882ff;
    --dark-color-ts-method: #fa99cd;
    --dark-color-ts-property: #e9973f;
    --dark-color-ts-variable: #027aff;
    --dark-color-ts-enum: #e0de71;
    --dark-color-ts-type-alias: #fa99cd;
    --dark-color-ts-type-parameter: #53dfdd;
    --dark-color-ts-accessor: #fb464c;
    --dark-color-ts-reference: #fa99cd;
    --dark-color-document: #b3b3b3;

    --light-color-alert-note: #0b64c8;
    --light-color-alert-tip: #0a7d7b;
    --light-color-alert-important: #6b46e0;
    --light-color-alert-warning: #a35a00;
    --light-color-alert-caution: #cc2033;

    --dark-color-alert-note: #4a9eff;
    --dark-color-alert-tip: #53dfdd;
    --dark-color-alert-important: #a882ff;
    --dark-color-alert-warning: #e9973f;
    --dark-color-alert-caution: #fb464c;

    --light-color-background-warning: #fdf3e6;
    --light-color-warning-text: #6b3b00;
    --dark-color-background-warning: #33281a;
    --dark-color-warning-text: #e9973f;

    --light-color-comment-tag: #f6f6f6;
    --light-color-comment-tag-text: #5c5c5c;
    --dark-color-comment-tag: #262626;
    --dark-color-comment-tag-text: #b3b3b3;
}

body {
    font-family:
        "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
        Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol";
    font-feature-settings: "liga", "calt";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}