/* Central de Estilo — Tenant: joelmaimoveis */
/* Gerado em 2026-05-01 23:59:12 */

:root {
    --primary-color: #8b5cf6;
    --secondary-color: #6d28d9;
    --success-color: #10b981;
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --text-color: #44337a;
    --heading-color: #3b1f7e;
    --body-background: #fff8f1;
    --body-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --card-radius: 12px;
    --card-border-color: #e9d5ff;
    --navbar-border-color: #000000;
    --form-control-border-radius: 8px;
    --form-control-border-color: #c4b5fd;
    --form-control-bg: #ffffff;
    --form-bg-color: #f5f0ff;
    --form-border-color: #e9d5ff;
    --form-border-radius: 12px;
    --btn-primary-border-radius: 8px;
    --alert-border-radius: 8px;
    --table-head-bg: #f1f3f5;
    --table-header-color: #1a202c;
    --sidebar-gradient-start: #3b1f7e;
    --sidebar-gradient-end: #5b3aad;
    --sidebar-text-color: #f3e8ff;
    --sidebar-active-bg: #8b5cf6;
    --sidebar-active-color: #ffffff;
    --sidebar-max-width: 220px;
    --sidebar-border-radius: 0 16px 16px 0;
    --sidebar-font-size: 14px;
    --sidebar-font-weight: 500;
}

body {
    background-color: var(--body-background);
    color: var(--text-color);
    font-family: var(--body-font-family);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--heading-color);
}

.card, .card-body {
    border-radius: var(--card-radius);
    border-color: var(--card-border-color);
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: var(--btn-primary-border-radius);
}

.alert {
    border-radius: var(--alert-border-radius);
}

.alert-success {
    background-color: color-mix(in srgb, var(--success-color) 12%, transparent);
    color: var(--success-color);
    border-color: color-mix(in srgb, var(--success-color) 25%, transparent);
}

.form-control, .form-select {
    background-color: var(--form-control-bg);
    border-color: var(--form-control-border-color);
    border-radius: var(--form-control-border-radius);
}

.form-control:focus, .form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-color) 15%, transparent);
}

.sidebar, #sidebar {
    background: linear-gradient(180deg, var(--sidebar-gradient-start), var(--sidebar-gradient-end));
    color: var(--sidebar-text-color);
    max-width: var(--sidebar-max-width);
    border-radius: var(--sidebar-border-radius);
    font-size: var(--sidebar-font-size);
    font-weight: var(--sidebar-font-weight);
}

.sidebar .active, #sidebar .active {
    background-color: var(--sidebar-active-bg);
    color: var(--sidebar-active-color);
}