/* =============================================
   TLC Design Tokens
   Source unique de verite pour les variables CSS
   ============================================= */

:root {
  /* === Couleurs de marque === */
  --tlc-orange:            #ff5733;
  --tlc-orange-rgb:        255, 87, 51;
  --tlc-orange-light:      #ff7a52;
  --tlc-orange-dark:       #e04a2a;
  --tlc-orange-warm:       #ff7a00;   /* accent auteur, liens secondaires */

  /* === Accents === */
  --tlc-yellow:            #FFEB3B;
  --tlc-yellow-soft:       #FFF3CD;
  --tlc-blue:              #00A8CC;
  --tlc-blue-dark:         #0091b3;

  /* === Neutres === */
  --tlc-black:             #111;
  --tlc-gray-900:          #222;
  --tlc-gray-800:          #333;
  --tlc-gray-700:          #444;
  --tlc-gray-500:          #6b7280;
  --tlc-gray-400:          #9ca3af;
  --tlc-gray-300:          #d1d5db;
  --tlc-gray-200:          #e5e7eb;
  --tlc-gray-100:          #f3f4f6;
  --tlc-gray-50:           #f9fafb;
  --tlc-white:             #fff;

  /* === Fonds semantiques === */
  --tlc-bg-warm:           #fff8f7;
  --tlc-bg-authority:      #fff8f7;
  --tlc-border-authority:  #f1d2ce;

  /* === Bordures === */
  --tlc-border:            #e5e7eb;
  --tlc-border-dark:       #9ca3af;
  --tlc-border-darker:     #6b7280;

  /* === Ombres === */
  --tlc-shadow-sm:         0 2px 4px rgba(0, 0, 0, .06);
  --tlc-shadow-md:         0 4px 12px rgba(0, 0, 0, .1);
  --tlc-shadow-lg:         0 10px 24px rgba(0, 0, 0, .08);
  --tlc-shadow-card:       0 4px 8px rgba(0, 0, 0, .15);

  /* === Rayons === */
  --tlc-radius:            10px;
  --tlc-radius-lg:         14px;
  --tlc-radius-xl:         20px;
  --tlc-radius-pill:       999px;

  /* === Typographie === */
  --tlc-font-sm:           14px;
  --tlc-font-base:         15px;
  --tlc-font-md:           16px;
  --tlc-font-lg:           18px;
  --tlc-font-xl:           22px;
  --tlc-font-2xl:          28px;
  --tlc-font-3xl:          40px;
  --tlc-font-4xl:          52px;

  /* === Espacements HP === */
  --tlc-section-gap:       80px;
  --tlc-header-h:          60px;       /* hauteur header GP, ajustee par JS */

  /* === Transitions premium === */
  --tlc-ease-out:          cubic-bezier(0.16, 1, 0.3, 1);
  --tlc-ease-in-out:       cubic-bezier(0.65, 0, 0.35, 1);

  /* === Homepage === */
  --tlc-promo-h:           44px;
  --tlc-section-bg-alt:    var(--tlc-gray-50);
  --tlc-section-bg-dark:   var(--tlc-gray-900);

  /* === Z-index === */
  --tlc-z-dropdown:        30;
  --tlc-z-offcanvas:       100;
  --tlc-z-sticky-bar:      9999;
  --tlc-z-progress:        99999;
}