/* Mi Lucha es Rosa — Color tokens */
:root {
  /* Base palette — pinks from the brand mark & hands motif */
  --rosa-50:  #FDEFF7;
  --rosa-100: #FBDCEB;
  --rosa-200: #F6B4D6;
  --rosa-300: #F08BC0;
  --rosa-400: #EA4FA4;
  --rosa-500: #E5148C; /* Rosa principal — ribbon pink */
  --rosa-600: #C41277;
  --rosa-700: #A11267; /* Fucsia profundo */
  --rosa-800: #7A1050; /* Vino */
  --rosa-900: #55093A;

  /* Neutrals — warm-tinted, never cold gray */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #FBF7F9;
  --neutral-100: #F3EDF1;
  --neutral-300: #D8CCD3;
  --neutral-500: #9C8B95;
  --neutral-700: #5F4B56;
  --neutral-900: #3A2233;

  /* Semantic aliases */
  --brand:            var(--rosa-500);
  --brand-strong:     var(--rosa-700);
  --brand-deep:       var(--rosa-800);
  --brand-soft:       var(--rosa-200);
  --brand-tint:       var(--rosa-50);

  --text-heading:     var(--rosa-800);
  --text-body:        var(--neutral-700);
  --text-muted:       var(--neutral-500);
  --text-on-brand:    var(--neutral-0);
  --text-link:        var(--rosa-600);

  --surface-page:     var(--neutral-0);
  --surface-soft:     var(--rosa-50);
  --surface-card:     var(--neutral-0);
  --surface-brand:    var(--rosa-500);
  --surface-deep:     var(--rosa-800);

  --border-subtle:    var(--rosa-100);
  --border-strong:    var(--rosa-300);
  --focus-ring:       var(--rosa-400);

  /* Semantic status (used sparingly; brand stays pink) */
  --success: #2E8B57;
  --warning: #C77700;
  --danger:  #C0392B;
}