:root {
    --backgroundDeep: #fafbfd;
    --surfaceBase: #FFFFFF;
    --contentBase: #424242;
    --contentBackup: #424242BF;
    --contentDisabled: #42424259;
    --contentMuted: #4242421A;
    --buttonContentBase: #FFFFFF;
    --buttonContentDisabled: #FFFFFFA6;
    --primaryPress: #1A594B;
    --primaryHover: #0A8153;
    --primaryBase: #0A8153;
    --primaryDisabled: #8CDEBE;
    --primaryMuted: #E1FAF0;
    --primaryTextLinkBase: #0A8153;
    --secondaryPress: #9C4308;
    --secondaryHover: #C74E00;
    --secondaryBase: #F1670D;
    --secondaryDisabled: #FACAAB;
    --secondaryMuted: #FDEFE6;
    --negativePress: #96231D;
    --negativeHover: #B8251D;
    --negativeBase: #CD2D27;
    --negativeDisabled: #F7B9B6;
    --negativeMuted: #FCEFEF;
    --tertiaryBorderDeep: #81919F;
    --tertiaryBorder: #DEE5EC;
    --scrimStrong: #000000CC;
    --blinkLogo-color: #1A594B;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    background-color: var(--surfaceBase);
    color: var(--contentBase);
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: top;
    min-height: 100vh;
    font-weight: 275;
    line-height: 20px;
    font-size: 16px;
    padding: 24px;
}

.container {
    width: 100%;
    max-width: 320px;
    padding: 20px;
    box-sizing: border-box;
}

.warning-icon {
    margin-bottom: 20px;
}

h1 {
    font-weight: 510;
    font-size: 24px;
    line-height: 36px;
    color: var(--contentBase);
}

p {
    font-size: 17px;
    line-height: 1.3;
    color: var(--contentBase);
    margin: 0 0 15px 0;
}

a {
    color: var(--primaryTextLinkBase);
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: false;
}

a:active {
    opacity: 0.7;
}

@media (prefers-color-scheme: dark) {
    :root {
        --backgroundDeep: #121212;
        --surfaceBase: #282B2F;
        --contentBase: #FFFFFF;
        --contentBackup: #42424259;
        --contentDisabled: #424242BF;
        --contentMuted: #424242;
        --buttonContentBase: #121212;
        --buttonContentDisabled: #000000A6;
        --primaryPress: #8CDEBE;
        --primaryHover: #56CC93;
        --primaryBase: #0CC17B;
        --primaryDisabled: #1A594B;
        --primaryMuted: #0C382E;
        --primaryTextLinkBase: #56CC93;
        --secondaryPress: #FACAAB;
        --secondaryHover: #F69C61;
        --secondaryBase: #FF852B;
        --secondaryDisabled: #9C4308;
        --secondaryMuted: #602500;
        --negativePress: #F7B9B6;
        --negativeHover: #EF7D76;
        --negativeBase: #FF554B;
        --negativeDisabled: #96231D;
        --negativeMuted: #780500;
        --tertiaryBorderDeep: #DEE5EC;
        --tertiaryBorder: #DEE5EC;
        --blinkLogo-color: #0A8153;
    }
}