/* ==========================================================================
   Identidade Visual Omini / MW (Tema Exclusivamente Claro)
   Paleta Oficial: #0D0D0D | #2C4018 | #51731F | #B2F227 | #A0D925 | #F2F2F2
   Fontes: Google Sans Flex (Interface/Títulos) & Google Sans Code (Códigos)
   ========================================================================== */

:root {
    --brand-primary: #A0D925;
    --brand-bright: #B2F227;
    --brand-mid: #51731F;
    --brand-deep: #2C4018;
    --ink: #0D0D0D;
    --ink-soft: #20261B;
    --muted: #59634F;
    --quiet: #69735F;
    --surface-page: #F2F2F2;
    --surface-panel: #FFFFFF;
    --surface-raised: #ECEFE5;
    --surface-code: #F6F8F2;
    --line: #DCE1D6;
    --line-strong: #C6D0BC;
    --font-sans: 'Google Sans Flex', system-ui, -apple-system, sans-serif;
    --font-code: 'Google Sans Code', monospace;
}

html {
    scroll-behavior: smooth;
    color-scheme: light;
    background-color: var(--surface-page);
    color: var(--ink);
    font-family: var(--font-sans);
}

body {
    background-color: var(--surface-page);
    color: var(--ink);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
}

code, pre, kbd, .font-mono {
    font-family: var(--font-code) !important;
    font-variant-ligatures: none;
}

pre code {
    tab-size: 4;
}

/* Logo completamente preta */
.mw-logo-black {
    filter: brightness(0);
    object-fit: contain;
}

/* Eyebrow / Kicker estilo Omini */
.omini-eyebrow {
    letter-spacing: 1.6px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.omini-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 9999px;
    background-color: var(--brand-primary);
    box-shadow: 0 0 0 4px rgba(160, 217, 37, 0.22);
    display: inline-block;
}

/* Botão Primário Omini (#A0D925 com texto escuro de alto contraste #0D0D0D/#162008) */
.btn-mw-primary {
    background-color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    color: #0D0D0D;
    font-weight: 650;
    transition: background-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.btn-mw-primary:hover {
    background-color: var(--brand-bright);
    border-color: var(--brand-bright);
    box-shadow: 0 6px 20px rgba(160, 217, 37, 0.32);
    transform: translateY(-1px);
}

/* Botão Secundário Claro Omini */
.btn-mw-secondary {
    background-color: var(--surface-panel);
    border: 1px solid var(--line);
    color: var(--ink);
    font-weight: 600;
    transition: background-color 0.16s ease, border-color 0.16s ease;
}

.btn-mw-secondary:hover {
    background-color: var(--surface-raised);
    border-color: var(--brand-mid);
    color: var(--brand-deep);
}

/* Seleção de texto */
::selection {
    background-color: rgba(160, 217, 37, 0.35);
    color: #0D0D0D;
}

/* Barra de rolagem estilo Omini Light */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: #EAECE6;
}

::-webkit-scrollbar-thumb {
    background: #B8C2AE;
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #51731F;
}