@font-face {
    font-family: NeueHaasDisplayRoman;
    src: url('/font/NeueHaasDisplayRoman.woff2') format('woff');
}

:root {
    --theme-font: NeueHaasDisplayRoman;
    --theme-radius: 1.5rem;

    --theme-color-background: #f9f9f9;
    --theme-color-background-content: #041221;

    --theme-color-foreground: #feffff;
    --theme-color-foreground-content: #656565;

    --theme-color-highlight: #041221;
    --theme-color-highlight-content: #f9f9f9;

    --theme-color-section: #f9f9f9;

    --theme-color-primary-100: #edf5ff;
    --theme-color-primary-200: #b1d8ff;
    --theme-color-primary-300: #7ebeff;
    --theme-color-primary-400: #449efc;
    --theme-color-primary-500: #0073ea;
    --theme-color-primary-600: #0068d3;
    --theme-color-primary-700: #0060c3;
    --theme-color-primary-800: #0053a8;
    --theme-color-primary-900: #00438b;

    --theme-color-success: #15b546;
    --theme-color-warning: #d97b12;
    --theme-color-danger: #b71322;
    --theme-color-info: #0073ea;
    --theme-color-default: #808080;

    --theme-color-button: #0068d3;
    --theme-color-button-content: #f9f9f9;

    --theme-color-secondary-button: #f9f9f9;
    --theme-color-secondary-button-content: #041221;

    --theme-color-input: #eef2f6;
    --theme-color-input-border: #e0e0e0;
    --theme-color-input-highlight: #0053a8;

    --theme-color-code: #1c3957;
    --theme-color-code-content: #f9f9f9;

    --theme-nav-item-radius: 0.5rem;
    --theme-color-nav-item: oklab(0.337483 -0.0207776 -0.0602326 / 0.1);

    --theme-color-pill-success: #135327;
    --theme-color-pill-warning: #623c12;
    --theme-color-pill-danger: #65131a;
    --theme-color-pill-info: #09427e;
    --theme-color-pill-default: #5c5c5c;

    --theme-color-pill-success-content: #78d996;
    --theme-color-pill-warning-content: #eeb77a;
    --theme-color-pill-danger-content: #f2babe;
    --theme-color-pill-info-content: #b1d8ff;
    --theme-color-pill-default-content: #b8b8b8;
}