/* ============================================================
   RDG · Intranet Theme
   Tokens espelhados do site marketing (public/styles.css) pra
   uso em styles inline da intranet via var(--c-...).
   ============================================================ */

:root {
  /* Café (primária) */
  --c-primary:   #2a1f17;
  --c-secondary: #38291d;
  --c-deep:      #1f160f;

  /* Backgrounds claros */
  --c-cream:   #FBF8F0;   /* base — papel quente */
  --c-cream-2: #F8F4E9;   /* cards */
  --c-cream-3: #EFE3CB;   /* descanso */

  /* Backgrounds escuros */
  --c-bg-dark:   #2a1f17;
  --c-bg-dark-2: #1f160f;

  /* Marinho (institucional) */
  --c-marinho:      #131720;
  --c-marinho-soft: #2B3247;

  /* Bosque (patrimonial) */
  --c-bosque:      #1A201E;
  --c-bosque-soft: #2E3835;

  /* Champagne (gold refinado) */
  --c-gold:       #D9BD86;
  --c-gold-soft:  #ECD7AC;
  --c-gold-deep:  #B89A5F;

  /* Texto */
  --c-text-light:       #1a140e;
  --c-text-dark:        #F5F4F0;
  --c-text-muted-light: rgba(26, 20, 14, 0.72);
  --c-text-muted-dark:  rgba(245, 244, 240, 0.72);
  --c-text-faint-light: rgba(26, 20, 14, 0.45);
  --c-text-faint-dark:  rgba(245, 244, 240, 0.45);

  /* Linhas */
  --line-light:    rgba(26, 20, 14, 0.08);
  --line-light-2:  rgba(26, 20, 14, 0.1);
  --line-dark:     rgba(199, 151, 89, 0.18);

  /* Fontes (mesmas do site) */
  --f-serif: 'Bodoni Moda', 'Cormorant Garamond', Georgia, serif;
  --f-sans:  'Jost', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --f-mono:  'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Spacing */
  --nav-h: 64px;
  --max-w-intranet: 1280px;
  --pad-card: 24px;
}

/* Base reset alinhado ao site marketing */
html, body {
  background: var(--c-cream);
  color: var(--c-text-light);
  font-family: var(--f-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Utility helpers que páginas podem usar via className quando útil */
.section-label {
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--c-primary);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.section-label::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 1px;
  background: var(--c-gold);
}