:root {
    color-scheme: light;
    --dark-bg: #050403;
    --dark-bg-warm: #110b05;
    --paper-bg: #d6c293;
    --paper-light: #efe0b8;
    --paper-worn: #b58f52;
    --paper-shadow: rgba(16, 10, 4, 0.62);
    --ink: #1f1a12;
    --muted-ink: #5d4930;
    --ribbon-bg: #48515a;
    --ribbon-ink: #f7edcf;
    --line-soft: rgba(60, 45, 25, 0.25);
    --assignee-everyone: #d97706;
    --assignee-daniele: #1d4ed8;
    --assignee-mamma: #15803d;
    --assignee-child: #7e22ce;
    --assignee-home: #92400e;
    --appointment-default-color: #d97706;
    --postit-yellow: #e8d07a;
    --postit-blue: #afc8d8;
    --postit-pink: #dfa8a0;
    --postit-green: #b8c99f;
    --postit-purple: #b7a0c9;
    --postit-beige: #d7be8a;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
    height: 100%;
}

body {
    margin: 0;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 18% 10%, rgba(151, 108, 47, 0.2), transparent 25rem),
        radial-gradient(ellipse at 82% 86%, rgba(97, 63, 24, 0.18), transparent 28rem),
        linear-gradient(115deg, rgba(255, 219, 145, 0.035), transparent 34%, rgba(255, 219, 145, 0.025)),
        var(--dark-bg);
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
}

button {
    font: inherit;
}

button,
a,
input,
textarea {
    -webkit-tap-highlight-color: rgba(247, 237, 207, 0.28);
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(247, 237, 207, 0.86);
    outline-offset: 3px;
}

#blazor-error-ui {
    font-family: Arial, sans-serif;
}