/**
 * ORLINX GROUP & ORLINX ADS - Design System Tokens
 * Paleta Oficial: Azul-Marinho, Marrom Café, Dourado e Marfim
 */

:root {
  /* 1. Azul-Marinho (Navy Blue) - Base Corporativa & Superfícies */
  --orx-navy-deep: #080E1E;
  --orx-navy-surface: #0E1830;
  --orx-navy-card: #142244;
  --orx-navy-border: #1E3158;

  /* 2. Marrom Café (Coffee Brown) - Estrutura Quente & Elegância */
  --orx-coffee-deep: #1F1511;
  --orx-coffee-surface: #2E1F1A;
  --orx-coffee-border: #4A332B;
  --orx-coffee-hover: #3D2922;

  /* 3. Dourado (Gold) - Destaque, Conversão & Badges */
  --orx-gold: #D4AF37;
  --orx-gold-light: #E8C86A;
  --orx-gold-dark: #A68020;
  --orx-gold-glow: rgba(212, 175, 55, 0.28);
  --orx-gold-border: rgba(212, 175, 55, 0.35);

  /* 4. Marfim (Ivory) - Tipografia de Alta Legibilidade & Contrastes */
  --orx-ivory-pure: #FDFBF7;
  --orx-ivory-soft: #F5EFEB;
  --orx-ivory-muted: #D3CBC3;
  --orx-ivory-subtle: rgba(253, 251, 247, 0.65);

  /* Feedback & Estados */
  --orx-status-success: #10B981;
  --orx-status-warning: #F59E0B;
  --orx-status-danger: #EF4444;
}

body {
  background-color: var(--orx-navy-deep);
  color: var(--orx-ivory-soft);
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow-x: hidden;
}

.font-space {
  font-family: 'Space Grotesk', sans-serif;
}

/* Utilitários da Paleta */
.bg-orx-navy { background-color: var(--orx-navy-deep); }
.bg-orx-navy-surface { background-color: var(--orx-navy-surface); }
.bg-orx-navy-card { background-color: var(--orx-navy-card); }
.bg-orx-coffee { background-color: var(--orx-coffee-surface); }
.bg-orx-ivory { background-color: var(--orx-ivory-pure); color: var(--orx-navy-deep); }

.text-orx-ivory { color: var(--orx-ivory-pure); }
.text-orx-ivory-muted { color: var(--orx-ivory-muted); }
.text-orx-gold { color: var(--orx-gold); }
.text-orx-coffee { color: var(--orx-coffee-border); }

.border-orx-navy { border-color: var(--orx-navy-border); }
.border-orx-coffee { border-color: var(--orx-coffee-border); }
.border-orx-gold { border-color: var(--orx-gold); }
.border-orx-gold-subtle { border-color: var(--orx-gold-border); }

/* Painéis Glassmorphism em Azul-Marinho e Marrom Café */
.glass-panel-navy {
  background: rgba(14, 24, 48, 0.88);
  backdrop-filter: blur(14px);
  border: 1px solid var(--orx-navy-border);
}

.glass-panel-coffee {
  background: rgba(46, 31, 26, 0.82);
  backdrop-filter: blur(14px);
  border: 1px solid var(--orx-coffee-border);
}

.card-gold-glow {
  box-shadow: 0 0 25px var(--orx-gold-glow);
}

/* Botões do Sistema */
.btn-gold {
  background: linear-gradient(135deg, #D4AF37 0%, #B89025 100%);
  color: #080E1E;
  font-weight: 700;
  transition: all 0.25s ease;
  border: 1px solid var(--orx-gold-light);
}
.btn-gold:hover {
  background: linear-gradient(135deg, #E8C86A 0%, #D4AF37 100%);
  box-shadow: 0 0 22px var(--orx-gold-glow);
  transform: translateY(-1px);
}

.btn-coffee {
  background: rgba(46, 31, 26, 0.85);
  color: var(--orx-ivory-pure);
  border: 1px solid var(--orx-coffee-border);
  font-weight: 600;
  transition: all 0.25s ease;
}
.btn-coffee:hover {
  background: var(--orx-coffee-hover);
  border-color: var(--orx-gold);
  color: #FFFFFF;
}