:root {
    --site-page-background: #f5f5f5;
    --bg-panel: #ffffff;
    --bg-input: #ffffff;
    --bg-row-alt: #edf5f0;
    --border-color: #d9e1dc;
    --text-main: #17201c;
    --text-muted: #68726d;
    --site-highlight-color: #1d6548;
    --notice-info-color: #2196f3;
    --notice-warning-color: #d9773f;
    --notice-error-color: #c62828;
    --status-info-color: var(--notice-info-color);
    --status-success-color: color-mix(in srgb, var(--site-highlight-color) 82%, #2e7d32);
    --status-warning-color: var(--notice-warning-color);
    --status-danger-color: var(--notice-error-color);
    --text-on-strong: #ffffff;
    --surface-subtle: color-mix(in srgb, var(--text-main) 3%, transparent);
    --surface-soft: color-mix(in srgb, var(--text-main) 6%, transparent);
    --surface-hover: color-mix(in srgb, var(--text-main) 9%, transparent);
    --surface-border-subtle: color-mix(in srgb, var(--text-main) 14%, transparent);
    --overlay-strong: color-mix(in srgb, var(--text-main) 72%, transparent);
    --shadow-standard: 0 12px 35px color-mix(in srgb, var(--text-main) 18%, transparent);
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-card: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;
}