:root {
    --bi-blue: #2f6fed;
    --bi-blue-dark: #1c4fc4;
    --bi-blue-light: #eaf2ff;
    --bi-blue-border: #bcdcff;
    --bi-gold: #d4af37;
    --bi-gold-soft: #e8c766;
    --bi-error-bg: #fdecec;
    --bi-error-border: #f5b7b1;
    --bi-error-text: #c0392b;
    --bi-error: #e0533f;
    --bi-warn: #f2b01e;
    --bi-warn-bg: #fff7e0;
    --bi-warn-border: #f6d77a;
    --bi-warn-text: #9a6700;
    --bi-text: #1f2937;
    --bi-muted: #6b7280;
    --bi-surface: #ffffff;
    --bi-canvas: #f7faff;
    --bi-border: #e6eefc;
    --bi-radius-lg: 20px;
    --bi-radius-md: 12px;
    --bi-radius-sm: 10px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    color: var(--bi-text);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@keyframes bi-card-enter {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}