:root {
    color-scheme: light;
    --ink: #17202a;
    --muted: #68727e;
    --line: #dbe1e6;
    --paper: #f3f6f5;
    --accent: #e45d38;
    --mint: #cfe9df;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--ink);
    background: radial-gradient(circle at 12% 0, #fff 0, var(--paper) 42%, #e6edeb 100%);
    font: 16px/1.45 Georgia, 'Times New Roman', serif;
}

body.app-admin-page {
    --paper: #f5f7f6;
    background: radial-gradient(circle at 10% 0%, #fff 0, var(--paper) 42%, #e9eeec 100%);
    font: 15px/1.45 Georgia, 'Times New Roman', serif;
}

body.app-full-height {
    min-height: 100vh;
}

.app-button {
    display: inline-block;
    padding: 9px 11px;
    border: 0;
    border-radius: 5px;
    background: var(--accent);
    color: #fff;
    font: 700 .85rem 'Trebuchet MS', sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.app-button:hover {
    background: #b9472a;
}

.app-button:focus-visible {
    outline: 2px solid var(--ink);
    outline-offset: 2px;
}

.app-button--muted {
    background: #f8faf9;
    color: var(--muted);
    box-shadow: inset 0 0 0 1px var(--line);
}

.app-button--muted:hover {
    background: #e9eeec;
}

.app-button--danger {
    background: #a83e26;
}

.app-button--danger:hover {
    background: #862f1d;
}