/* ─────────────────────────────────────────────────────────────────────────── * Chinelatto — Design tokens (fonte única) * Incluído por todas as páginas via no . * Qualquer bloco :root duplicado em páginas individuais deve ser removido. * ─────────────────────────────────────────────────────────────────────────── */ :root { /* Marca */ --accent: #c8391a; --accent-dark: #9e2c13; --accent-light: #fdf0ec; /* Superfícies */ --bg: #f7f5f2; --surface: #ffffff; --surface2: #f0ede8; /* Texto */ --text: #1a1814; --text-mid: #5a5650; --text-light: #6e6c68; /* unificado — antes variava entre #6e6c68, #9a9690, #9a928a */ /* Bordas e status */ --border: #e4e0db; --green: #1a6e38; /* Elevação */ --shadow: 0 2px 12px rgba(0,0,0,.07); --shadow-lg: 0 8px 40px rgba(0,0,0,.12); /* Layout */ --sidebar-w: 280px; } /* ── Dark mode (aplicado via classe .dark-on no ) ───────────────────── * Estes overrides redefinem APENAS variáveis de superfície e texto. * --accent fica igual ao claro para manter consistência com componentes que * já têm overrides específicos em dark mode (ex.: .btn-enviar, .btn-orcamento). * À medida que componentes forem migrados para usar var() puro, esses * overrides pontuais poderão ser removidos. * ─────────────────────────────────────────────────────────────────────────── */ html.dark-on { --bg: #1a1814; --surface: #2a2520; --surface2: #3a3530; --text: #f0ede8; --text-mid: #c0bcb5; --text-light: #8a8680; --accent-light: rgba(200, 57, 26, .15); --border: rgba(255, 255, 255, .12); --shadow: 0 2px 12px rgba(0,0,0,.4); --shadow-lg: 0 8px 40px rgba(0,0,0,.5); }