/* ============================================================
   base.css - Reset, variáveis e primitivas de layout
   ============================================================ */

:root {
  /* Brand bygga */
  --bygga-red:           #CD001A;  /* já está correto, mantém */
  --bygga-red-dark:      #CD001A;  /* a identidade nova não tem vermelho escuro - reusa o mesmo vermelho em vez de inventar um tom */
  --bygga-red-light:     #F8E6E8;  /* = --cor-acento-tinte da marca nova */
  --bygga-bordeaux:      #CD001A;  /* idem, sem equivalente novo - reusa o vermelho de marca */
  --bygga-bordeaux-dark: #CD001A;
  --bygga-bordeaux-light:#F8E6E8;
  --bygga-gold:          #6B6E76;  /* = --cor-texto-secundario da marca nova (o dourado era usado como texto secundário/discreto) */
  --bygga-gold-light:    #D9D9D6;  /* = --cor-linha */

  --bygga-navy:       #1D1F24;  /* = --cor-base */
  --bygga-teal:       #CD001A;  /* já está correto, mantém (nome confuso mas valor certo - não mexer no nome, fora de âmbito) */
  --bygga-teal-light: #F8E6E8;

  /* Estado: Amber (pendente) - cor semântica de estado, NÃO É de marca. Não mexer. */
  --amber:            #BA7517;
  --amber-light:      #FAEEDA;
  --amber-dark:       #854F0B;

  --sidebar-w: 220px;
  --topbar-h:  52px;

  --font-sans: 'Inter', -apple-system, -apple-system, 'Segoe UI', Arial, sans-serif;

  --color-text-primary:        #1D1F24;  /* = --cor-base */
  --color-text-secondary:      #6B6E76;  /* = --cor-texto-secundario */
  --color-text-tertiary:       #A3A5AA;  /* = --dados-4 */

  --color-background-primary:  #FFFFFF;  /* mantém - superfícies brancas sobre fundo off-white é o padrão já usado no resto da plataforma */
  --color-background-secondary:#F7F6F3;  /* = --cor-fundo */
  --color-background-tertiary: #F7F6F3;  /* = --cor-fundo */

  --color-border-primary:      #D9D9D6;  /* = --cor-linha, os 3 níveis antigos colapsam num só - a marca nova só define uma linha */
  --color-border-secondary:    #D9D9D6;
  --color-border-tertiary:     #D9D9D6;

  --border-radius-sm: 2px;   /* a marca nova exige máximo 2px em toda a plataforma */
  --border-radius-md: 2px;
  --border-radius-lg: 2px;

  --shadow-sm: none;  /* a marca nova proíbe sombras - separação visual passa a ser só por borda */
  --shadow-md: none;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { height: 100%; }
body {
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--color-text-primary);
  background: var(--color-background-tertiary);
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; }
img { display: block; max-width: 100%; }

/* Spinner */
@keyframes spin { to { transform: rotate(360deg); } }
.spin { animation: spin 0.8s linear infinite; }

/* Utilitários */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0,0,0,0); border: 0;
}