@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap");

:root {
  --font-base: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-cta: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Paleta Carbon & Prata */
  --exec-preto: #0d0d0d;
  --exec-carbon: #1a1a1a;
  --exec-grafite: #2a2a2a;
  --exec-prata: #c0c0c0;
  --exec-prata-claro: #e8e8e8;
  --exec-prata-muted: #9a9a9a;

  /* Texto (tons claros de prata) */
  --exec-navy: #e8e8e8;
  --exec-navy-mid: #c0c0c0;
  /* Marca / chrome */
  --exec-brand-navy: #1a1a1a;
  --exec-brand-navy-mid: #2a2a2a;
  --exec-brand-navy-deep: #0d0d0d;
  /* Accent / ações */
  --exec-blue: #2a2a2a;
  --exec-blue-deep: #1a1a1a;
  --exec-blue-bright: #3a3a3a;
  --exec-accent-light: #c0c0c0;
  --exec-accent-pale: #e8e8e8;
  --exec-accent-surface: #1a1a1a;
  --exec-accent-surface-mid: #2a2a2a;
  --exec-accent-border: #3a3a3a;
  /* Superfícies (escuras) */
  --exec-border: #2a2a2a;
  --exec-border-strong: #3a3a3a;
  --exec-surface: #0d0d0d;
  --exec-surface-elevated: #1a1a1a;
  --exec-input-bg: #2a2a2a;
  --exec-radius-sm: 10px;
  --exec-radius-md: 14px;
  --exec-radius-lg: 18px;
  --exec-shadow: 0 4px 22px rgba(0, 0, 0, 0.35);
  --exec-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.45);
  font-family: var(--font-base);
  line-height: 1.5;
  font-weight: 400;
  color: var(--exec-prata-claro);
  background-color: var(--exec-surface);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

html {
  overflow-x: clip;
  background-color: var(--exec-surface);
}

body {
  margin: 0;
  min-height: 100vh;
  background-color: var(--exec-surface);
  color: var(--exec-prata-claro);
}

#root,
.app {
  min-width: 0;
  background-color: var(--exec-surface);
  color: var(--exec-prata-claro);
}

.brand-logo {
  display: block;
  height: auto;
  overflow: visible;
}

.brand-logo--on-dark .brand-logo-word-primary {
  fill: var(--exec-prata-claro, #e8e8e8);
}

.brand-logo--on-dark .brand-logo-word-accent {
  fill: var(--exec-prata, #c0c0c0);
}

.brand-logo--on-dark .brand-logo-domain {
  fill: var(--exec-prata, #c0c0c0);
}

.brand-logo--on-dark .brand-logo-icon path:first-of-type {
  fill: rgba(232, 232, 232, 0.14);
  stroke: var(--exec-prata-claro, #e8e8e8);
}

.brand-logo--on-dark .brand-logo-icon path:nth-of-type(2) {
  fill: none;
  stroke: var(--exec-prata-claro, #e8e8e8);
}

.brand-logo--on-dark .brand-logo-icon circle {
  fill: none;
  stroke: var(--exec-prata-claro, #e8e8e8);
}

.brand-logo--on-light .brand-logo-word-primary {
  fill: var(--exec-carbon, #1a1a1a);
}

.brand-logo--on-light .brand-logo-word-accent {
  fill: var(--exec-grafite, #2a2a2a);
}

.brand-logo--on-light .brand-logo-domain {
  fill: var(--exec-grafite, #2a2a2a);
}