/* The Famous Experience — Color tokens */
:root {
  /* Brand */
  --tfe-famous-pink: #F02070;   /* the one accent — CTAs, numerals, eyebrows, dots */

  /* Darks */
  --tfe-near-black: #0A0A0B;     /* primary canvas */
  --tfe-carbon:     #121113;     /* raised surfaces / dark cards */
  --tfe-ink:        #16151A;     /* deepest wells / dark package tier */

  /* Lights */
  --tfe-warm-white: #F4F1EC;     /* primary type on dark */
  --tfe-bone:       #F2EFEA;     /* light card surface */
  --tfe-muted-gray: #9C99A2;     /* secondary type, captions */

  /* Derived hairlines & tints (10% white system) */
  --tfe-hairline:        rgba(255,255,255,0.10);
  --tfe-hairline-strong: rgba(255,255,255,0.18);
  --tfe-hairline-dark:   rgba(10,10,11,0.12);   /* on Bone */
  --tfe-pink-tint:       rgba(240,32,112,0.14);

  /* ---- Semantic aliases ---- */
  --tfe-bg:              var(--tfe-near-black);
  --tfe-surface:         var(--tfe-carbon);
  --tfe-surface-deep:    var(--tfe-ink);
  --tfe-surface-light:   var(--tfe-bone);

  --tfe-accent:          var(--tfe-famous-pink);
  --tfe-accent-hover:    #FF2E80;   /* lighter pink on hover */
  --tfe-accent-press:    #C7175B;   /* darker pink on press */

  --tfe-text:            var(--tfe-warm-white);
  --tfe-text-muted:      var(--tfe-muted-gray);
  --tfe-text-on-light:   var(--tfe-near-black);
  --tfe-text-muted-on-light: #6E6B72;

  --tfe-border:          var(--tfe-hairline);
  --tfe-border-on-light: var(--tfe-hairline-dark);
}