@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("./fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("./fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2");
}

@font-face {
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./fonts/ibm-plex-sans-latin-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Orbitron";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./fonts/orbitron-latin-400-normal.woff2") format("woff2");
}

:root {
    color-scheme: light;
    --relionos-color-brand: #2172a6;
    --relionos-color-primary: #163963;
    --relionos-color-primary-dark: #102c4d;
    --relionos-color-secondary: #2171a5;
    --relionos-color-background: #f7f8fa;
    --relionos-color-paper: #ffffff;
    --relionos-color-shell: #f1f3f5;
    --relionos-color-shell-selected: #e2e5e9;
    --relionos-color-border: #dfe3e8;
    --relionos-color-text: #202327;
    --relionos-color-text-secondary: #606870;
    --relionos-color-navigation-text: #313335;
    --relionos-color-navigation-section: #555b62;
    --relionos-font-interface: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --relionos-font-company: "Orbitron", "Segoe UI", sans-serif;
    --relionos-radius-control: 6px;
    --relionos-radius-surface: 10px;
    --relionos-shadow-raised: 0 20px 55px rgba(22, 57, 99, 0.08);
    --relionos-focus-ring: 0 0 0 3px rgba(33, 114, 166, 0.22);
}

::selection {
    background: rgba(22, 57, 99, 0.18);
}