/* Incentive — Color Tokens */
:root {
  /* ── Primary palette ── */
  --cream: rgb(219, 215, 208);       /* Blanc cassé — #DEDAD4 */
  --black: rgb(3, 3, 3);             /* Noir profond — #030303 */

  /* ── Secondary palette (use sparingly) ── */
  --pink:   rgb(239, 151, 194);      /* #EF97C2 */
  --blue:   rgb(186, 219, 238);      /* #BADBEE */
  --green:  rgb(213, 251, 212);      /* #D5FBD4 */
  --orange: rgb(239, 155, 91);       /* #EF9B5B */
  --yellow: rgb(251, 242, 155);      /* #FBF29B */

  /* ── Alert only — never decorative ── */
  --red: rgb(228, 126, 126);         /* #E47E7E */

  /* ── Neutral warm grays ── */
  --gray-50:  rgb(239, 240, 240);
  --gray-100: rgb(234, 232, 228);
  --gray-200: rgb(222, 218, 212);
  --gray-300: rgb(206, 200, 191);
  --gray-400: rgb(200, 193, 182);
  --gray-500: rgb(126, 117, 107);
  --gray-600: rgb(93, 101, 104);
  --gray-700: rgb(68, 68, 68);
  --gray-800: rgb(49, 54, 55);
  --gray-850: rgb(45, 45, 43);
  --gray-900: rgb(32, 32, 32);
  --gray-950: rgb(24, 24, 24);
  --gray-990: rgb(12, 13, 13);

  /* ── Semantic aliases ── */
  --surface:          var(--cream);
  --surface-dark:     var(--black);
  --surface-muted:    var(--gray-100);
  --surface-raised:   var(--gray-100);

  --text-primary:     var(--black);
  --text-secondary:   rgba(3, 3, 3, 0.5);
  --text-on-dark:     var(--cream);
  --text-dim-on-dark: rgba(219, 215, 208, 0.73);

  --border:           var(--gray-300);
  --border-subtle:    rgba(3, 3, 3, 0.04);

  --accent:           var(--pink);
  --cta-bg:           var(--pink);
  --cta-text:         var(--black);
}