/* ???????????????????????????????????????????????????????
   BigStudio � Global Stylesheet
   Component-only styles live inside their .razor files.
   This file is for truly app-wide rules only.
   ??????????????????????????????????????????????????????? */

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

:root {
    --minty-primary: #78c2ad;
    --minty-primary-dark: #5ea692;
    --minty-primary-light: #99d4c4;
    --minty-secondary: #f3969a;
    --minty-info: #6cc3d5;
    --minty-success: #56cc9d;
    --minty-warning: #ffce67;
    --minty-danger: #ff7851;
    --minty-bg: #f4fbf8;
    --minty-surface: #ffffff;
    --minty-border: #d8ebe5;
    --minty-heading: #44685d;
    --minty-text: #5a5a5a;
    --minty-muted: #7c8f88;
    --minty-shadow: 0 18px 40px rgba(120, 194, 173, 0.12);
}

html, body {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    background:
        radial-gradient(circle at top, rgba(120,194,173,0.16), transparent 28%),
        linear-gradient(180deg, #f8fcfb 0%, var(--minty-bg) 100%);
    color: var(--minty-text);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--minty-heading);
    letter-spacing: -0.02em;
}

a {
    color: var(--minty-primary-dark);
}

.mud-button-root {
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.mud-paper {
    box-shadow: var(--minty-shadow);
}

.mud-input-root .mud-input-slot,
.mud-input-control > .mud-input-control-input-container > .mud-input-input-control {
    border-radius: 16px;
}

.mud-dialog {
    border-radius: 22px !important;
}

.mud-snackbar {
    border-radius: 18px !important;
}

/* MudBlazor error boundary */
.blazor-error-boundary {
    background: #ff7851;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}