/* Tokens du design « Offres & Tarifs » (Claude Design), scopés à .kpr pour ne
   pas entrer en collision avec le DashboardLayout (Tailwind).
   Source : kiclic/colors_and_type.css (:root) + kiclic/pricing.css (:root + light).
   Le thème suit le système global du site : html[data-theme="light"] => clair,
   sinon sombre (défaut). La police Rubik est déjà chargée par le site. */

.kpr {
  /* ----- Marque (de colors_and_type.css) ----- */
  --pg-blue:   #5B8DEF;
  --pg-violet: #B968C7;
  --pg-pink:   #E94E8B;
  --pg-grad:      linear-gradient(105deg, #5B8DEF 0%, #B968C7 52%, #E94E8B 100%);
  --pg-grad-soft: linear-gradient(105deg, rgba(91,141,239,.16) 0%, rgba(185,104,199,.16) 52%, rgba(233,78,139,.16) 100%);

  /* ----- Neutres — SOMBRE (défaut) ----- */
  --page-bg:      #08070b;
  --page-bg-2:    #0d0c12;
  --card:         #121119;
  --card-2:       #17151f;
  --card-hi:      #1d1b27;
  --line:         rgba(255,255,255,.09);
  --line-strong:  rgba(255,255,255,.16);
  --ink:          #ffffff;
  --ink-2:        #aab0bd;
  --ink-3:        #6f7585;
  --pos:          #34d399;
  --neg:          rgba(255,255,255,.20);
  --slider-track: rgba(255,255,255,.16);

  --shadow-card:  0 1px 0 rgba(255,255,255,.04) inset, 0 18px 40px -20px rgba(0,0,0,.7);
  --glow-violet:  0 0 0 1px rgba(185,104,199,.35), 0 24px 60px -24px rgba(185,104,199,.5);

  /* ----- Géométrie / police ----- */
  --maxw: 1240px;
  --r-card: 22px;
  --r-pill: 999px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --font-sans: "Rubik", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* ----- Neutres — CLAIR (suit html[data-theme="light"]) ----- */
html[data-theme="light"] .kpr {
  --page-bg:      #f6f5f9;
  --page-bg-2:    #efedf4;
  --card:         #ffffff;
  --card-2:       #faf9fc;
  --card-hi:      #f3f1f8;
  --line:         rgba(16,12,30,.10);
  --line-strong:  rgba(16,12,30,.18);
  --ink:          #14121c;
  --ink-2:        #565167;
  --ink-3:        #8c879c;
  --neg:          rgba(16,12,30,.18);
  --slider-track: rgba(16,12,30,.14);
  --shadow-card:  0 1px 0 rgba(255,255,255,.7) inset, 0 18px 40px -22px rgba(80,40,120,.28);
  --glow-violet:  0 0 0 1px rgba(185,104,199,.40), 0 24px 60px -24px rgba(185,104,199,.40);
}