/* Identidade Lei Fácil — espelha constants/premiumUi.ts e theme/theme.ts */
:root {
  --lf-gold: #d4af37;
  --lf-gold-dark: #8b6b1a;
  --lf-gold-light: #fdf3d0;
  --lf-gold-mid: #e6b94d;
  --lf-logo-gold: #b07b2d;
  --lf-cream: #fdfcf0;
  --lf-text: #1a1200;
  --lf-text-soft: #4a3b18;
  --lf-black: #000000;
  --lf-border: rgba(212, 175, 55, 0.18);
  --lf-border-strong: rgba(212, 175, 55, 0.35);
}

body {
  background-color: var(--lf-cream);
  color: var(--lf-text);
}

.lf-gradient-hero {
  background: linear-gradient(180deg, #e6b94d 0%, #fdf3d0 55%, rgba(253, 243, 208, 0) 100%);
}

.lf-card {
  background: #fff;
  border: 1px solid var(--lf-border);
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.12);
}

.lf-btn-primary {
  background: var(--lf-gold);
  color: var(--lf-text);
}
.lf-btn-primary:hover {
  background: var(--lf-gold-mid);
}

.lf-btn-outline {
  border: 1.5px solid var(--lf-border-strong);
  color: var(--lf-gold-dark);
}
.lf-btn-outline:hover {
  background: var(--lf-gold-light);
}

.lf-watermark {
  opacity: 0.12;
  transform: rotate(-12deg);
  pointer-events: none;
  user-select: none;
}