/**
 * MEGAMINDS - DESIGN SYSTEM (Master CSS)
 * Variáveis, Paletas e Arquitetura BEM.
 */

:root {
    /* Paleta de Cores Principal (Light Mode Default) */
    --mk-primary: #0052cc;
    --mk-primary-hover: #0047b3;
    
    --mk-green: #00E5FF;
    --mk-red: #de350b;
    --mk-yellow: #ff991f;
    
    /* Superfícies */
    --mk-bg: #f4f5f7;
    --mk-surface: #ffffff;
    --mk-surface2: #fafbfc;
    
    /* Textos */
    --mk-text: #172b4d;
    --mk-text2: #5e6c84;
    --mk-white: #ffffff;
    
    /* Bordas e Divisórias */
    --mk-line: #dfe1e6;
    
    /* Espaçamentos */
    --mk-space-xs: 0.25rem;
    --mk-space-sm: 0.5rem;
    --mk-space-md: 1rem;
    --mk-space-lg: 1.5rem;
    --mk-space-xl: 2rem;
    
    /* Estrutura */
    --mk-radius: 8px;
    --mk-shadow: 0 4px 6px rgba(9, 30, 66, 0.1);
}

/* Dark Mode Automático */
@media (prefers-color-scheme: dark) {
    :root {
        --mk-bg: #101214;
        --mk-surface: #1d2125;
        --mk-surface2: #22272b;
        
        --mk-text: #c7d1db;
        --mk-text2: #8c9bab;
        
        --mk-line: #2c333a;
        
        --mk-primary: #579dff;
        --mk-primary-hover: #85b8ff;
        
        --mk-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    }
}

/* Resets Básicos */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--mk-bg);
    color: var(--mk-text);
    line-height: 1.6;
}

a {
    color: var(--mk-primary);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Elementos de Formulário */
.market-input, .market-textarea, .market-select {
    width: 100%;
    padding: var(--mk-space-sm) var(--mk-space-md);
    border: 1px solid var(--mk-line);
    border-radius: var(--mk-radius);
    background-color: var(--mk-surface);
    color: var(--mk-text);
    font-size: 1rem;
    transition: border-color 0.2s ease;
}

.market-input:focus, .market-textarea:focus, .market-select:focus {
    outline: none;
    border-color: var(--mk-primary);
}

/* Botões */
.market-btn {
    display: inline-block;
    padding: var(--mk-space-sm) var(--mk-space-md);
    background-color: var(--mk-primary);
    color: #fff;
    border: none;
    border-radius: var(--mk-radius);
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s ease;
}
.market-btn:hover {
    background-color: var(--mk-primary-hover);
    text-decoration: none;
}
.market-btn:disabled {
    background-color: var(--mk-line);
    color: var(--mk-text2);
    cursor: not-allowed;
}

/* Containers e Grids */
.market-shell {
    padding: var(--mk-space-xl) var(--mk-space-md);
    max-width: 1200px;
    margin: 0 auto;
}

/* Chips/Badges */
.market-chip {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: bold;
    background-color: var(--mk-line);
    color: var(--mk-text);
}
.market-chip.warn {
    background-color: var(--mk-yellow);
    color: #172b4d;
}