/* ==========================================================================
   Lkeria — Systeme de design partage (tokens + typographie de base)
   Inclus via <?php include __DIR__ . '/css/lkeria-design-system.css'; ?>
   dans un <style> de header.php, footer.php et index.php.
   Toute modification ici s'applique automatiquement partout où le fichier est inclus.
   ========================================================================== */

:root{
  --paper: #EFEAE0;
  --paper-card: #FBF8F2;
  --ink: #20261F;
  --ink-soft: #565C52;
  --pine: #2F4A34;
  --pine-dark: #1E3323;
  --pine-tint: #E3E9E1;
  --brass: #A9834F;
  --brass-light: #D8C39D;
  --brick: #9C4A3A;
  --brick-tint: #F1E3DE;
  --rule: #D8D0BF;
  --radius: 3px;

  /* Echelle typographique (relevee : la premiere version etait jugee trop petite) */
  --fs-base: 17px;      /* taille de reference, avant: 16px navigateur par defaut */
  --fs-sm: 0.95rem;      /* avant: 0.85rem */
  --fs-md: 1.05rem;      /* avant: 0.95rem */
  --fs-lg: 1.2rem;
  --fs-eyebrow: 0.8rem;  /* avant: 0.7-0.72rem */
}

html{ font-size: var(--fs-base); }

body{
  font-family: 'Inter', sans-serif;
  color: var(--ink);
  line-height: 1.6;
}

h1, h2, h3, .title-widget-sidebar{
  font-family: 'Fraunces', serif;
  font-weight: 600;
  color: var(--pine-dark);
}

/* Composants partages entre plusieurs fichiers (header/footer/index utilisent tous ce label) */
.eyebrow-label{
  font-family:'IBM Plex Mono', monospace;
  font-size: var(--fs-eyebrow);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--brass);
}

a{ color: var(--pine); }