:root {
    --color-brand-500: #6366f1;
    --color-brand-600: #4f46e5;
    --color-brand-700: #4338ca;
    --color-surface: #f3f4f6;
    --color-ink: #111827;
    --color-muted: #6b7280;
    --color-success-bg: #ecfdf5;
    --color-success-text: #047857;
    --color-danger-bg: #fef2f2;
    --color-danger-text: #b91c1c;
    --color-warn-bg: #fffbeb;
    --color-warn-text: #92400e;
    --radius-md: 0.5rem;
    --shadow-card: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.js-flash {
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.js-flash.is-hiding {
    opacity: 0;
    transform: translateY(-0.35rem);
}