@charset "utf-8";

/* Common structural elements */
@import url("icons.css");
@import url("donate.css");

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

/* Theme */
@import url("base.css");
@import url("layout.css");
@import url("custom.css");
@import url("photos.css");
@import url("grid.css");
@import url("themes.css");

@import url("dark.css");

:root {

    --content-width: 920px;

    --base-font-family: 'Bitter', serif;
    --base-font-size: 16px;
    --code-font-family: 'JetBrains Mono', monospace;
    --code-font-size: 14px;
    --small-font-size: 14px;
    --small-code-font-size: 12px;
    --base-line-height: 1.7em;
    --base-line-spacing: calc(var(--base-line-height) - 1em);

    /* Font Weights */
    --base-font-weight: 400;
    --link-font-weight: 600;
    --secondary-font-weight: 200;
    --tertiary-font-weight: 100;
    --strong-font-weight: 600;
    --header-font-weight: 400;

    --media-border-radius: 16px;
    --inline-border-radius: 6px; /* Border radius of elements inline with text. */

    --spacing-unit: 2em;
    --half-spacing-unit: calc(var(--spacing-unit) / 2);

    --secondary-foreground-color: #ccc;

    --primary-background-color: #fff;
    --secondary-background-color: #eee;
    --tertiary-background-color: rgb(224, 224, 224);

    --placeholder-background-color: #f0f0f0;
    --tag-background-color: #eee;
    --main-header-color: #000;
    --main-text-color: #111;
    --main-link-color: #000;
    --main-link-background-color: rgba(0, 0, 255, 0.1);
    --icon-border-color: rgba(0, 0, 0, 0.2);

    --primary-highlight-color: #ffffba;
    --secondary-highlight-color: palegoldenrod;

    --admonition-note-color: #0969da;
    --admonition-note-background-color: #ddf4ff;
    --admonition-note-code-background-color: #c8e8fa;

    --admonition-tip-color: #1a7f37;
    --admonition-tip-background-color: #dafbe1;
    --admonition-tip-code-background-color: #c3f0d0;

    --admonition-important-color: #8250df;
    --admonition-important-background-color: #fbefff;
    --admonition-important-code-background-color: #f0ddff;

    --admonition-warning-color: #9a6700;
    --admonition-warning-background-color: #fff8c5;
    --admonition-warning-code-background-color: #f8e6a0;

    --admonition-caution-color: #cf222e;
    --admonition-caution-background-color: #ffebe9;
    --admonition-caution-code-background-color: #ffd8d6;

    --base-line-height: 1.8em;
    --base-line-spacing: 0.7em;
}

@media (prefers-color-scheme: dark) {

    :root {
        --primary-background-color: #181818;
        --secondary-background-color: #222;
        --tertiary-background-color: #333;
        --placeholder-background-color: #222;
        --tag-background-color: #333;
        --main-header-color: #ddd;
        --main-text-color: #ccc;
        --main-link-color: #fff;
        --main-link-background-color: rgba(108, 115, 253, 0.1);
        --icon-border-color: rgba(255, 255, 255, 0.2);

        --secondary-foreground-color: #555;

        --primary-highlight-color: #22221a;
        --secondary-highlight-color: #3c3a1f;

        --admonition-note-color: #2f81f7;
        --admonition-note-background-color: rgba(56, 139, 253, 0.1);
        --admonition-note-code-background-color: #1f3a5f;

        --admonition-tip-color: #3fb950;
        --admonition-tip-background-color: rgba(46, 160, 67, 0.1);
        --admonition-tip-code-background-color: #1f3d29;

        --admonition-important-color: #a371f7;
        --admonition-important-background-color: rgba(163, 113, 247, 0.1);
        --admonition-important-code-background-color: #33234a;

        --admonition-warning-color: #d29922;
        --admonition-warning-background-color: rgba(187, 128, 9, 0.1);
        --admonition-warning-code-background-color: #4a3a12;

        --admonition-caution-color: #f85149;
        --admonition-caution-background-color: rgba(248, 81, 73, 0.1);
        --admonition-caution-code-background-color: #4a2220;
    }

}