/* ============================================================
   tokens.css — design tokens du site marketing LCC
   Palette dérivée du design system v4 (thème "main" :
   light bg + navy chrome + gold accent).
   ============================================================ */

:root {
  /* Surfaces */
  --bg-primary:    #f8f6f2;          /* fond global ivoire */
  --bg-secondary:  #ffffff;          /* sections alternées */
  --bg-tertiary:   #0d1b2a;          /* navy profond — topnav, contact, footer */
  --bg-card:       #ffffff;
  --bg-card-hover: rgba(13, 27, 42, 0.04);
  --bg-overlay:    rgba(13, 27, 42, 0.97);

  /* Texte */
  --text-primary:  #0d1b2a;
  --text-body:     #1a2d42;
  --text-muted:    #2c4a6e;
  --text-faint:    rgba(44, 74, 110, 0.38);
  --text-on-navy:  #f4f0e8;
  --text-on-navy-mid: #c8d4e0;
  --text-on-navy-dim: #8a9bb0;

  /* Or — accent signature */
  --accent:        #c9a84c;
  --accent-light:  #e8c97a;
  --accent-dim:    rgba(201, 168, 76, 0.10);
  --accent-watermark: rgba(201, 168, 76, 0.18);
  --accent-border: rgba(201, 168, 76, 0.35);

  /* Bordures */
  --border:        rgba(13, 27, 42, 0.08);
  --border-mid:    rgba(13, 27, 42, 0.16);
  --border-strong: rgba(13, 27, 42, 0.42);
  --border-on-navy: rgba(201, 168, 76, 0.14);

  /* Lignes de grille décoratives */
  --grid-line:     rgba(13, 27, 42, 0.04);

  /* Ombres */
  --shadow-sm:     0 2px 8px rgba(13, 27, 42, 0.07);
  --shadow-md:     0 8px 32px rgba(13, 27, 42, 0.13);
  --shadow-nav:    0 4px 24px rgba(13, 27, 42, 0.08);

  /* Typographie */
  --font-serif:    'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --font-sans:     'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Échelles */
  --section-pad-y: 6rem;
  --section-pad-x: 3.5rem;
  --container-max: 1180px;
  --container-narrow: 940px;

  /* Animation — courbe signature */
  --ease-premium:  cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:      0.2s;
  --dur-mid:       0.25s;
  --dur-slow:      0.6s;
}