/* ============================================================
   REFÚGIO DIÁRIO — Design Tokens
   Fonte única de verdade para cores, tipografia e espaçamentos
   ============================================================ */

:root {
  /* Cores */
  --navy:       #0F1F3A;
  --navy-light: #162840;
  --navy-mid:   #1E3455;
  --gold:       #B8860B;
  --gold-light: #D4A020;
  --gold-dim:   rgba(184,134,11,0.25);
  --cream:      #FFF5E1;
  --cream-dark: #F0E6CC;
  --dark:       #1A1A1A;
  --gray:       #6B7280;
  --gray-light: #E8E4DC;
  --gray-mid:   #9CA3AF;
  --white:      #FFFFFF;
  --error:      #DC2626;
  --success:    #16A34A;

  /* Tipografia */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body:    'Lato', sans-serif;

  /* Tamanhos de fonte */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   17px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  28px;
  --text-4xl:  36px;
  --text-5xl:  44px;

  /* Espaçamentos */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Bordas */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* Sombras */
  --shadow-sm:  0 2px 8px rgba(0,0,0,0.06);
  --shadow-md:  0 6px 24px rgba(0,0,0,0.10);
  --shadow-lg:  0 16px 48px rgba(0,0,0,0.16);
  --shadow-book: 0 20px 50px rgba(0,0,0,0.45);

  /* Transições */
  --transition: 0.22s ease;

  /* Layout */
  --max-width: 1200px;
  --header-h:  66px;
}