/* ═══════════════════════════════════════════════════════
   RIOLUX — DESIGN TOKENS
   Paleta, gradientes, sombras e escalas de espaçamento.
═══════════════════════════════════════════════════════ */

:root {
  /* ─── Cores base ─── */
  --navy-950: #070D1D;
  --navy-900: #0B1428;
  --navy-800: #12233F;
  --blue-700: #173E73;

  /* ─── Dourado ─── */
  --gold-500: #D6A94A;
  --gold-300: #F4D982;
  --gold-700: #9B6A1F;

  /* ─── Neutros / Prata ─── */
  --silver-100: #F4F6FA;
  --silver-200: #EBEEF5;
  --silver-300: #D9DEE8;

  /* ─── Texto ─── */
  --text-900: #101827;
  --text-600: #475467;
  --text-500: #667085;
  --white:    #ffffff;

  /* ─── Estados de erro ─── */
  --red-soft: #FFF1F1;
  --red-icon: #E53E3E;

  /* ─── Gradientes ─── */
  --gradient-hero:      radial-gradient(circle at 72% 18%, rgba(244,217,130,.22), transparent 30%),
                        linear-gradient(135deg, #070D1D 0%, #0B1428 50%, #12233F 100%);
  --gradient-gold:      linear-gradient(135deg, #F4D982 0%, #D6A94A 45%, #9B6A1F 100%);
  --gradient-gold-soft: linear-gradient(135deg, rgba(244,217,130,.15) 0%, rgba(214,169,74,.08) 100%);

  /* ─── Sombras ─── */
  --shadow-soft: 0 20px 60px rgba(7,13,29,.10);
  --shadow-card: 0 4px 24px rgba(7,13,29,.07);

  /* ─── Raios de borda ─── */
  --radius-xl:   32px;
  --radius-lg:   24px;
  --radius-md:   16px;
  --radius-pill: 999px;
}