/* =========================================================================
   Seeg Vision — Identidade visual Seeg Fibras
   Paleta oficial: #2b4789 azul · #e2a12f laranja · #3e3e3d cinza
   Fonte: Open Sans
   ========================================================================= */
:root {
  --seeg-azul:        #2b4789;
  --seeg-azul-d:      #1f3568;
  --seeg-azul-l:      #3e60ab;
  --seeg-laranja:     #e2a12f;
  --seeg-laranja-d:   #b87e1f;
  --seeg-cinza:       #3e3e3d;
  --seeg-cinza-claro: #f4f4f6;

  --txt-base:  #2a2a2a;
  --txt-leve:  #6b6b6b;
  --linha:     #e4e4ea;

  --ok:    #2e9e5b;
  --warn:  #e2a12f;
  --err:   #d52828;

  --radius: 12px;
  --shadow:   0 2px 8px rgba(0,0,0,.06);
  --shadow-l: 0 4px 14px rgba(0,0,0,.10);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: var(--txt-base);
  background: var(--seeg-cinza-claro);
}

a { color: var(--seeg-azul); }

.btn {
  font-family: inherit; font-size: 14px; font-weight: 600;
  border: none; border-radius: 8px; padding: 9px 16px;
  cursor: pointer; transition: background .15s ease, transform .1s ease;
}
.btn:active { transform: translateY(1px); }
.btn-primary   { background: var(--seeg-azul); color: #fff; }
.btn-primary:hover { background: var(--seeg-azul-d); }
.btn-accent    { background: var(--seeg-laranja); color: #fff; }
.btn-accent:hover { background: var(--seeg-laranja-d); }
.btn-ghost     { background: rgba(255,255,255,.15); color: #fff; }
.btn-ghost:hover { background: var(--seeg-laranja); }
.btn-danger    { background: #fff; color: var(--err); border: 1px solid var(--err); }
.btn-danger:hover { background: var(--err); color: #fff; }
.btn-sm { padding: 6px 10px; font-size: 13px; }