/* ===================================================================
   M50 DESIGN SYSTEM - AZUL DA PROSPERIDADE
   Tema oficial inspirado no Data Builder com atmosfera cósmica azul
   =================================================================== */

[data-theme="prosperity-blue"] {
    /* ===== SURFACE COLORS ===== */
    --m50-surface-primary: #0f172a;          /* Cards / painéis */
    --m50-surface-secondary: #01060f;        /* Background principal */
    --m50-surface-tertiary: #182236;         /* Linhas e elementos elevados */
    --m50-surface-elevated: #1b2741;
    --m50-surface-overlay: rgba(2, 6, 23, 0.85);

    --m50-bg-primary: var(--m50-surface-secondary);
    --m50-bg-secondary: var(--m50-surface-primary);
    --m50-bg-light: #1f2d4a;
    --m50-bg-dark: #01060f;

    /* ===== TEXT COLORS ===== */
    --m50-text-primary: #f8fafc;
    --m50-text-secondary: #94a3b8;
    --m50-text-tertiary: #7c8da6;
    --m50-text-disabled: #4c566a;
    --m50-text-inverse: #020617;

    /* ===== PRIMARY COLORS ===== */
    --m50-primary-50: #eff4ff;
    --m50-primary-100: #dbe8ff;
    --m50-primary-200: #bcd4ff;
    --m50-primary-300: #94b6ff;
    --m50-primary-400: #5f8eff;
    --m50-primary-500: #2563eb;
    --m50-primary-600: #1d4ed8;
    --m50-primary-700: #1e3fae;
    --m50-primary-800: #1c2f7d;
    --m50-primary-900: #16204f;

    --m50-primary: var(--m50-primary-500);
    --m50-primary-light: var(--m50-primary-300);
    --m50-primary-dark: var(--m50-primary-700);
    --primary-color: var(--m50-primary);
    --primary-hover: var(--m50-primary-dark);

    /* ===== ACCENT COLORS (Ciano Elétrico) ===== */
    --m50-accent-50: #ecfeff;
    --m50-accent-100: #cffafe;
    --m50-accent-200: #a5f3fc;
    --m50-accent-300: #67e8f9;
    --m50-accent-400: #38bdf8;
    --m50-accent-500: #0ea5e9;
    --m50-accent-600: #0284c7;
    --m50-accent-700: #0369a1;
    --m50-accent-800: #075985;
    --m50-accent-900: #0c4a6e;

    --m50-accent: var(--m50-accent-400);
    --m50-accent-light: var(--m50-accent-300);
    --m50-accent-dark: var(--m50-accent-600);
    --accent-color: var(--m50-accent);

    /* ===== SEMANTIC COLORS ===== */
    --m50-success: #4ade80;
    --m50-success-light: #86efac;
    --m50-success-dark: #22c55e;
    --m50-success-bg: rgba(74, 222, 128, 0.12);

    --m50-danger: #f87171;
    --m50-danger-light: #fca5a5;
    --m50-danger-dark: #ef4444;
    --m50-danger-bg: rgba(248, 113, 113, 0.15);

    --m50-warning: #fbbf24;
    --m50-warning-light: #fcd34d;
    --m50-warning-dark: #f59e0b;
    --m50-warning-bg: rgba(251, 191, 36, 0.12);

    --m50-info: #38bdf8;
    --m50-info-light: #67e8f9;
    --m50-info-dark: #0ea5e9;
    --m50-info-bg: rgba(56, 189, 248, 0.18);

    /* ===== BORDER COLORS ===== */
    --m50-border: rgba(148, 163, 184, 0.35);
    --m50-border-light: rgba(148, 163, 184, 0.2);
    --m50-border-dark: rgba(148, 163, 184, 0.5);
    --m50-border-focus: rgba(37, 99, 235, 0.85);

    /* ===== SHADOWS ===== */
    --m50-shadow-sm: 0 6px 18px rgba(2, 6, 23, 0.45);
    --m50-shadow: 0 15px 35px rgba(2, 6, 23, 0.6);
    --m50-shadow-md: 0 20px 60px rgba(2, 6, 23, 0.65);
    --m50-shadow-lg: 0 30px 90px rgba(2, 6, 23, 0.75);
    --m50-shadow-xl: 0 50px 140px rgba(2, 6, 23, 0.8);

    --m50-shadow-hover: 0 25px 80px rgba(2, 6, 23, 0.75);
    --m50-shadow-active: 0 10px 30px rgba(2, 6, 23, 0.6);
    --m50-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.45);

    /* ===== GRADIENTS ===== */
    --m50-gradient-primary: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
    --m50-gradient-accent: linear-gradient(135deg, #0f172a 0%, #1d2b45 100%);
    --m50-gradient-success: linear-gradient(135deg, #22c55e 0%, #4ade80 100%);
    --m50-gradient-danger: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
    --m50-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);

    /* ===== MENU / ICON ===== */
    --m50-menu-icon-bg: rgba(37, 99, 235, 0.35);
    --m50-menu-icon-hover: rgba(14, 165, 233, 0.45);
    --m50-menu-icon-shadow: rgba(37, 99, 235, 0.35);
    --m50-menu-icon-outline: rgba(14, 165, 233, 0.5);

    /* ===== CHAT ===== */
    --m50-chat-user-bg: var(--m50-gradient-primary);
    --m50-chat-assistant-bg: rgba(15, 23, 42, 0.7);
    --m50-chat-input-bg: rgba(2, 6, 23, 0.6);
    --m50-chat-input-border: var(--m50-border);
    --m50-chat-header-bg: var(--m50-gradient-accent);

    /* ===== BUTTONS ===== */
    --m50-btn-primary-bg: var(--m50-primary);
    --m50-btn-primary-hover: var(--m50-primary-dark);
    --m50-btn-secondary-bg: rgba(56, 189, 248, 0.15);
    --m50-btn-secondary-hover: rgba(56, 189, 248, 0.3);

    /* ===== CARDS ===== */
    --m50-card-bg: rgba(15, 23, 42, 0.92);
    --m50-card-border: var(--m50-border);
    --m50-card-shadow: var(--m50-shadow);
    --m50-card-hover-shadow: var(--m50-shadow-hover);

    /* ===== FORMS ===== */
    --m50-input-bg: rgba(15, 23, 42, 0.7);
    --m50-input-border: var(--m50-border);
    --m50-input-focus-border: var(--m50-border-focus);
    --m50-input-placeholder: var(--m50-text-tertiary);

    /* ===== TABLES ===== */
    --m50-table-header-bg: rgba(15, 23, 42, 0.6);
    --m50-table-row-hover: rgba(37, 99, 235, 0.08);
    --m50-table-border: var(--m50-border-light);

    /* ===== MODALS ===== */
    --m50-modal-bg: rgba(15, 23, 42, 0.98);
    --m50-modal-overlay: rgba(1, 6, 15, 0.9);
    --m50-modal-shadow: var(--m50-shadow-xl);

    /* ===== SCROLLBAR ===== */
    --scrollbar-track: rgba(15, 23, 42, 0.75);
    --scrollbar-thumb: rgba(56, 189, 248, 0.35);
    --scrollbar-thumb-hover: rgba(56, 189, 248, 0.5);

    /* ===== FINANCE MODULE ===== */
    --finance-green: var(--m50-success);
    --finance-red: var(--m50-danger);
    --finance-blue: var(--m50-primary);
    --finance-orange: var(--m50-warning);
    --finance-gray: var(--m50-text-secondary);

    --finance-success: var(--m50-success);
    --finance-warning: var(--m50-warning);
    --finance-danger: var(--m50-danger);
    --finance-info: var(--m50-info);

    --finance-bg: var(--m50-bg-secondary);
    --finance-card-bg: var(--m50-card-bg);
    --finance-text: var(--m50-text-primary);
    --finance-text-secondary: var(--m50-text-secondary);
    --finance-text-disabled: var(--m50-text-disabled);
    --finance-border: var(--m50-border);

    /* ===== GRADIENTS DE NEGÓCIO ===== */
    --m50-gradient-conta-corrente: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    --m50-gradient-poupanca: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);
    --m50-gradient-investimento: linear-gradient(135deg, #7c3aed 0%, #4338ca 100%);
    --m50-gradient-cartao: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);

    /* ===== LINKS ===== */
    --link-color: #38bdf8;
    --link-hover: #7dd3fc;
}

/* link com cara de botão (a.m50-button) fica com a cor do botão, não a de link */
[data-theme="prosperity-blue"] a:not(.m50-button) {
    color: var(--link-color);
}

[data-theme="prosperity-blue"] a:hover {
    color: var(--link-hover);
}

[data-theme="prosperity-blue"] ::selection {
    background-color: rgba(56, 189, 248, 0.35);
    color: var(--m50-text-primary);
[data-theme="prosperity-blue"] ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

[data-theme="prosperity-blue"] ::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

[data-theme="prosperity-blue"] ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 6px;
}

[data-theme="prosperity-blue"] ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}