/*
|--------------------------------------------------------------------------
| Users Hub
|--------------------------------------------------------------------------
| Global Application Styles
|--------------------------------------------------------------------------
*/

:root {
    --usershub-primary: #0a7c3e;
    --usershub-primary-dark: #086532;
    --usershub-background: #f1f5f9;
    --usershub-surface: #ffffff;
    --usershub-text: #172033;
    --usershub-muted: #64748b;
    --usershub-border: #dbe3ec;
    --usershub-danger: #b42318;
    --usershub-danger-background: #fef3f2;
    --usershub-success: #067647;
    --usershub-success-background: #ecfdf3;
    --usershub-focus: rgba(10, 124, 62, 0.18);
    --usershub-radius: 16px;
    --usershub-shadow:
        0 20px 45px rgba(15, 23, 42, 0.12);
}

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

html {
    min-height: 100%;
    background: var(--usershub-background);
}

body {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    color: var(--usershub-text);
    background: var(--usershub-background);
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

button,
input,
textarea,
select {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button {
    cursor: pointer;
}

button:disabled {
    cursor: not-allowed;
}

a {
    color: var(--usershub-primary);
}

img {
    max-width: 100%;
}

[hidden] {
    display: none !important;
}

#app,
#screen-root {
    min-height: 100vh;
}