/*
Theme Name: Metalicco OS
Description: Enterprise SaaS Theme for Product Management
Author: Mister FILD
Version: 2.0.0
Text Domain: metalicco
*/

:root {
    /* Paleta de Cores Corporativa */
    --primary: #B0963F; /* Dourado Metalicco */
    --primary-hover: #8f7930;
    --dark: #121212;
    --white: #ffffff;
    --bg-light: #f8f9fa;
    --text-main: #555555;
    --border-color: #eeeeee;
    
    /* UI Feedback */
    --danger: #e74c3c;
    --success: #2ecc71;
    
    /* Estrutura */
    --radius-soft: 8px;
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    --font-main: 'Outfit', sans-serif;
}

/* Reset & Base */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-main); color: var(--text-main); background-color: var(--bg-light); line-height: 1.6; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { color: var(--dark); font-weight: 800; line-height: 1.2; }
a { color: var(--primary); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--dark); }
img { max-width: 100%; height: auto; display: block; }

/* Utilitários de Animação: Scroll Reveal (Fade-in) */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }

/* Botão Voltar Global */
.m-global-back { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: transparent; color: var(--dark); border: 2px solid var(--border-color); border-radius: var(--radius-soft); font-weight: 700; text-transform: uppercase; font-size: 0.85rem; cursor: pointer; transition: var(--transition); margin: 20px 0; }
.m-global-back:hover { background: var(--dark); color: var(--white); border-color: var(--dark); transform: translateX(-5px); }