/* * CAMADA 1 — SETTINGS * * Conteúdo permitido: apenas custom properties em :root. Nenhum seletor de * componente, nenhuma declaração que pinte algo na tela. * * Estes são os valores iniciais do tema Mafmine. Os perfis em js/themes.js * sobrescrevem as mesmas variáveis via style inline no antes da * primeira renderização, então este arquivo é o fallback/documentação. */ :root { /* Core palette */ --color-primary: #2f4050; --color-secondary: #49697e; --color-success: var(--color-secondary); --color-warning: #795f2d; --color-danger: #b54f5d; --color-info: #3f6f89; --color-white: #fff; --color-transparent: transparent; --color-muted: #6f7f8b; --color-surface-muted: #f3f6f7; --color-border: #c8d3da; --color-border-strong: #91a3af; --color-fieldset-ibox-frame: rgb(207, 208, 223); --color-overlay: rgb(47 64 80 / 45%); --color-range-slider: #49697e; /* Navigation and interactive tables */ --color-menu-background: #2f4050; --color-menu-highlight: #49697e; --color-menu-active-border: #49697e; --color-menu-text: #c8d3da; --color-menu-muted: #c8d3da; --color-table-hover-surface: #49697e; --color-table-hover-text: #fff; --color-esg-table-hover-surface: #49697e; --color-esg-table-hover-text: #fff; /* Charts */ --color-chart-neutral: #7a8791; --color-chart-series-1: #557d92; --color-chart-series-2: #8e7c5b; --color-chart-series-3: #976b75; --color-chart-grid: #d8e1e6; --color-chart-empty: #edf1f3; /* Report layers */ --color-report-layer-1-surface: #e2edf3; --color-report-layer-1-border: #a8bbc6; --color-report-layer-2-surface: #e9f1f5; --color-report-layer-2-border: #b8c7cf; --color-report-layer-3-surface: #eff5f8; --color-report-layer-3-border: #c5d1d7; --color-report-layer-4-surface: #f5f9fb; --color-report-layer-4-border: #d2dce1; /* ESG scale */ --color-esg-scale-low: #9eb4c1; --color-esg-scale-medium: #718fa2; --color-esg-scale-high: var(--color-secondary); --color-esg-scale-critical: var(--color-primary); --color-esg-benchmark: var(--color-info); --gradient-esg-scale: linear-gradient( to right, var(--color-esg-scale-low) 0%, var(--color-esg-scale-low) 20%, var(--color-esg-scale-medium) 25%, var(--color-esg-scale-medium) 45%, var(--color-esg-scale-high) 50%, var(--color-esg-scale-high) 70%, var(--color-esg-scale-critical) 75%, var(--color-esg-scale-critical) 100% ); --gradient-card: linear-gradient(180deg, var(--color-surface-muted), var(--color-white)); /* Borders and outlines */ --border-none: 0; --border-thin: 1px solid var(--color-border); --border-thin-strong: 1px solid var(--color-border-strong); --border-thin-white: 1px solid var(--color-white); --border-thin-primary: 1px solid var(--color-primary); --border-thin-danger: 1px solid var(--color-danger); --border-thin-transparent: 1px solid var(--color-transparent); --border-medium: 2px solid var(--color-border); --border-medium-secondary: 2px solid var(--color-secondary); --border-transparent-6: 6px solid var(--color-transparent); --border-transparent-8: 8px solid var(--color-transparent); --border-transparent-10: 10px solid var(--color-transparent); --border-transparent-20: 20px solid var(--color-transparent); --border-esg-marker: 20px solid var(--color-primary); --border-esg-tooltip-marker: 8px solid var(--color-primary); --border-esg-result-marker: 40px solid var(--color-primary); --outline-focus: 3px solid var(--color-info); /* Shadows */ --shadow-none: none; --shadow-sm: 0 2px 6px rgb(47 64 80 / 10%); --shadow-md: 0 6px 16px rgb(47 64 80 / 15%); --shadow-lg: 0 12px 32px rgb(47 64 80 / 22%); /* Geometry */ --radius-none: 0; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-pill: 999px; --position-tooltip-arrow-x: 50%; --position-tooltip-arrow-y: 50%; /* Illustration effects */ --filter-illustration-light: drop-shadow(0 0 20px var(--color-white)) drop-shadow(0 0 10px var(--color-secondary)); --filter-illustration-dark: drop-shadow(0 0 5px var(--color-white)) drop-shadow(0 0 5px var(--color-secondary)); --text-shadow-illustration-light: -2px -2px 2px var(--color-secondary), 2px -2px 2px var(--color-secondary), -2px 2px 2px var(--color-secondary), 2px 2px 2px var(--color-secondary); }