/* RTGEO — Design System & Tokens Oficiais
   Regional Triângulo Imóveis */

:root {
  /* Paleta Institucional */
  --primary: #274c8a;         /* Azul RT Oficial */
  --primary-bright: #3b66ac;  /* Azul RT Hover */
  --primary-dim: #1b3562;     /* Azul RT Dark */
  --primary-light: #eef3fb;   /* Azul RT Fundo Suave */
  
  --oportunidade: #26a25c;    /* Verde Exclusivo para Particulares / Oportunidades */
  --oportunidade-light: #edf8f2;
  
  --success: #16a34a;
  --warning: #d97706;
  --danger: #ef4444;
  
  /* Superfícies & Neutros */
  --bg-app: #f4f6fa;
  --surface: #ffffff;
  --surface-elevated: #ffffff;
  --surface-translucent: rgba(255, 255, 255, 0.88);
  
  --text-main: #1e293b;
  --text-muted: #64748b;
  --text-light: #94a3b8;
  
  --border: #e2e8f0;
  --border-light: #f1f5f9;
  --border-focus: #274c8a;
  
  /* Sombras em Camadas */
  --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-card: 0 4px 12px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
  --shadow-elevated: 0 12px 28px -4px rgba(15, 23, 42, 0.14), 0 4px 10px -2px rgba(15, 23, 42, 0.06);
  --shadow-popup: 0 20px 35px -5px rgba(15, 23, 42, 0.22);
  
  /* Raios de Borda */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 9999px;
  
  /* Tipografia */
  --font-sans: "Outfit", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-app);
  color: var(--text-main);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}

/* Texturas de Marca */
.bg-triangle {
  position: fixed;
  inset: 0;
  background-image: radial-gradient(rgba(39, 76, 138, 0.04) 1.5px, transparent 1.5px);
  background-size: 24px 24px;
  pointer-events: none;
  z-index: 0;
}

.bg-radial {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(39, 76, 138, 0.08), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
