/* ==========================================================================
   Deutschleads — Design Tokens
   Direção: editorial europeu, tipografia como protagonista, muito respiro,
   hairlines em vez de sombra, quase nenhum arredondamento.
   ========================================================================== */
:root{
  /* ---- Cor: papel + tinta, um acento verde-tinteiro e um ameixa discreto */
  --paper:        #F6F3EA;   /* fundo principal, "papel" */
  --paper-sunken: #EEE8D9;  /* sidebar / superfícies levemente rebaixadas */
  --paper-raised: #FFFEFA;  /* cartões / modais */
  --ink:          #221F1A;  /* texto principal, preto quente */
  --ink-soft:     #58524A;  /* texto secundário */
  --ink-faint:    #8B8474;  /* metadados, legendas */
  --hairline:     #DED6C2;  /* bordas de 1px */
  --hairline-strong: #C9BFA5;

  --accent:       #2B4339;  /* verde-tinteiro — ação primária, links */
  --accent-ink:   #F6F3EA;  /* texto sobre --accent */
  --accent-soft:  #DDE6DF;  /* fundo suave do acento (badges, seleção) */
  --plum:         #6B3F4D;  /* segundo acento — favoritos, destaques de revisão */
  --plum-soft:    #EFE1E4;

  --danger:       #8A3B2B;
  --danger-soft:  #F2E2DA;

  /* ---- Tipografia */
  --font-display: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', serif;
  --font-reading: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  --font-ui:      'Inter', -apple-system, 'Segoe UI', sans-serif;

  --fs-hero:   clamp(2.1rem, 1.6rem + 2vw, 3.1rem);
  --fs-h1:     1.7rem;
  --fs-h2:     1.32rem;
  --fs-h3:     1.05rem;
  --fs-body:   1rem;
  --fs-reading: 1.18rem;
  --fs-small:  0.85rem;
  --fs-micro:  0.74rem;

  /* ---- Espaçamento (escala 4px) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-pill: 999px;

  --shadow-modal: 0 18px 40px -18px rgba(34,31,26,.35);

  --dur-fast: 120ms;
  --dur-base: 200ms;
  --ease: cubic-bezier(.4,0,.2,1);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:        #1B1912;
    --paper-sunken: #141310;
    --paper-raised: #232019;
    --ink:          #EFE9DA;
    --ink-soft:     #B9B0A0;
    --ink-faint:    #83796A;
    --hairline:     #34301F;
    --hairline-strong: #423C28;
    --accent:       #8FB59F;
    --accent-ink:   #14231C;
    --accent-soft:  #223129;
    --plum:         #C98CA0;
    --plum-soft:    #2E2027;
    --danger:       #D98A72;
    --danger-soft:  #3A241D;
    --shadow-modal: 0 18px 44px -16px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --paper:        #1B1912;
  --paper-sunken: #141310;
  --paper-raised: #232019;
  --ink:          #EFE9DA;
  --ink-soft:     #B9B0A0;
  --ink-faint:    #83796A;
  --hairline:     #34301F;
  --hairline-strong: #423C28;
  --accent:       #8FB59F;
  --accent-ink:   #14231C;
  --accent-soft:  #223129;
  --plum:         #C98CA0;
  --plum-soft:    #2E2027;
  --danger:       #D98A72;
  --danger-soft:  #3A241D;
}