@charset "utf-8";
/* CSS Document */

:root {
    --color-text-primary: #ffffff;
    --color-text-secondary: #95939d;

    --color-action-primary: #5b6cff;
    --color-action-secondary: #4d4c53;

    --color-status-success: #4fbf84;
    --color-status-error:   #e56769;

    --shadow-surface: 1px 0 9px 3px rgba(0, 0, 0, 0.2);
    --shadow-action: 1px 0 9px 3px rgba(0, 0, 0, 0.1);
    --shadow-inset-soft: inset 0 10px 5px -10px rgba(0, 0, 0, 0.5);

    --color-bg-level-1: #1d1d1f;
    --color-bg-level-2: #3d3c3f;
    --color-bg-level-3: #313133;
}


@font-face {
    font-family: Heebo;
    src: url("../assets/fonts/Heebo-Regular.ttf");
    font-display: swap;
    font-weight: normal;
}

@font-face {
    font-family: Heebo;
    src: url("../assets/fonts/Heebo-Bold.ttf");
    font-display: swap;
    font-weight: bold;
}

* {
    box-sizing: border-box;
    text-decoration: none;
    font-family: Heebo, Sans-serif, serif;
}

svg {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}